ES6中数组的用法

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
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值