1、 Array.of 函数
函数作用:将一组值,转化成数组
let arr = Array.of(1,2,3,4);
console.log(arr); // [1,2,3,4]
2、Array.from 函数
函数作用:可以将类似数组的对象或者可遍历的对象转换成真正的数组
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
这里创建了4个li,下面通过getElementsByTagName获取这4个,因为通过getElementsByTagName获取到的元素是伪数组,所以不能直接使用数组的遍历方式,所以有了下面的Array.from函数
let arrList = document.getElementsByTagName('li');
console.log(Array.from(arrList));
Array.from 函数还可将字符串转为数组,并以逗号隔开
var str = 'web31';
console.log(Array.from(str)); // ['w', 'e', 'b', '3', '1']
Array.from 函数还可进行深拷贝
let arr = [1, 2, 3, 4];
let arr1 = Array.from(arr);
arr.push(5)
console.log(arr); // [1, 2, 3, 4];
console.log(arr1); // [1, 2, 3, 4, 5];
3、find函数
函数作用:找出数组中符合条件的第一个元素。没找到返回undefined
let arr = [1, 2, 3, 4];
var val = arr.find(function (itme, index, arr) {
console.log(itme);
console.log(index);
console.log(arr);
return itme > 3
})
console.log(val);
4、findIndex 函数
函数作用:返回符合条件的第一个数组成员的位置下标。没有就返回-1
let arr = [1, 2, 3, 4];
var val1 = arr.findIndex(function (itme, index, arr) {
return itme > 3;
})
console.log(val1); // 4
5、fill函数
函数作用:用指定的值,填充到数组。 会改变原数组
let arr = [1, 2, 3, 4];
console.log(arr.fill(6,1,3)); // [1, 6, 6, 4]
console.log(arr.fill(6)); // [6, 6, 6, 6]
6、entries函数
函数作用:对数组的键值对进行遍历,返回一个遍历器,可以用for…of对其进行遍历。
var arr = [6, 7, 8];
for (let [key, value] of arr2.entries()) {
console.log(key); // 索引
console.log(value); // 值
}
7、keys函数
函数作用:对数组的键进行遍历,返回一个遍历器。
var arr = [6, 7, 8];
for (let keys of arr2.keys()) {
console.log(keys); // 0 1 2
}
8、values函数
函数作用:对数组的值进行遍历,返回一个遍历器。
var arr = [6, 7, 8];
for (let values of arr2.values()) {
console.log(values); // 6 7 8
}