首页 > 代码库 > es6

es6

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<p>111111</p>
<p>2222222</p>
<p>33333333</p>
</div>
</body>
<script type="text/javascript">
/*
Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)(所谓类似数组的对象即具有length属性)和
可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。
* */
/*let arrayLike = {
‘0‘:‘a‘,
‘1‘:‘b‘,
‘2‘:‘c‘,
length:3
}

let arr1 = Array.from(arrayLike);
console.log(arr1);*/

/*let ps = document.querySelectorAll(‘p‘);
Array.from(ps).forEach(function (p) {
console.log(p);
});*/

/* let sum =0;
[1, 2, 3, 4].forEach(function (item) {
// console.log(array[index] == item); // true
sum += item;
});

alert(sum); // 10*/

/*
es6中foreach的使用,就是遍历,循环
* */
/*let arr = [1,2,3,4];
for (let k=0;k < arr.length;k++){
alert(arr[k]);
}*/
// arr.forEach(alert);
// arr.forEach(console.log);
/*
foreach中通常支持传入一个回调函数,回调函数的参数分别为(value,index,array);
* */
//做一个关于求和的例子
/*var sum = 0;

[1, 2, 3, 4].forEach(function (item, index, array) {
console.log(array[index] == item); // true
sum += item;
});

alert(sum); // 10*/

/*
foreach中不仅能传入一个回调函数,还能传入一个改变this指向的参数
* */
/*var database = {
users: ["张含韵", "江一燕", "李小璐"],
sendEmail: function (user) {
if (this.isValidUser(user)) {
console.log("你好," + user);
} else {
console.log("抱歉,"+ user +",你不是本家人");
}
},
isValidUser: function (user) {
return /^张/.test(user);
}
};

// 给每个人法邮件
database.users.forEach( // database.users中人遍历
database.sendEmail, // 发送邮件
database // 使用database代替上面标红的this
);*/

/*
Array.of方法用于将一组值,转换为数组。
这个方法的主要目的,是弥补数组构造函数Array()的不足。
因为参数个数的不同,会导致Array()的行为有差异。
* */
/*var arr = new Array();
console.log(arr);
var arr1 = new Array(1);
console.log(arr1);
var arr2 = new Array(1,3);
console.log(arr2);*/

/*var arr = Array.of(1);
console.log(arr);*/

/*
* copyWithin()
数组实例的copyWithin方法,在当前数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),
然后返回当前数组。
也就是说,使用这个方法,会修改当前数组。
它接受三个参数。

target(必需):从该位置开始替换数据。
start(可选):从该位置开始读取数据,默认为0。如果为负值,表示倒着数。
end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒着数。
* */
// let arr = [1,2,3,4,5];
// arr.copyWithin(0,3,4);
// arr.copyWithin(0,-2,-1);
//这三个参数都应该是数值,如果不是,会自动转为数值。
// arr.copyWithin(0,"-2","-1");
// console.log(arr);

//5、数组实例的fill()
/*
fill方法使用给定值,填充一个数组。
fill方法还可以接受第二个和第三个参数,用于指定填充的起始位置和结束位置。
* */
// let arr = [‘a‘,‘b‘,‘c‘];
// arr.fill(7);
// arr.fill(7,0,1);
// console.log(arr);
/*
可以用for...of循环进行遍历,唯一的区别是keys()是对键名的遍历、
values()是对键值的遍历,
entries()是对键值对的遍历
* */
// var arr =[‘a‘,‘b‘];
/*for(let index of arr.keys()){
console.log(index);
}*/
//不好使
/*for(let elem of arr.values()){
console.log(elem);
}*/

/*for(let [index2,value] of arr.entries()){
console.log(index2,value);
}*/
//如果不使用for...of循环,可以手动调用遍历器对象的next方法,进行遍历。
</script>
</html>

es6