ES6学习笔记（十五）之数组的扩展3

最新推荐文章于 2024-08-14 17:40:16 发布

#J#_

最新推荐文章于 2024-08-14 17:40:16 发布

阅读量69

点赞数

文章标签： es6

本文链接：https://blog.csdn.net/qq_42004717/article/details/108711188

版权

数组实例

copyWithin( target，start，end)：在当前数组内部将指定位置的成员复制到其他位置（会覆盖原有成员），返回当前数组。

参数（数值，若不是则先转为数值）：

target（必选）：从该位置（下标）开始替换数据；
start（可选）：从该位置（下标）开始读取数据，默认0开始，若为负值表示倒数；
end（可选）：结束停止数据的位置（下标），默认为数组长度，若为负值表示倒数。

let arr = [0, 8, 5, 6, 4];
let backArr = arr.copyWithin(1, 2, -2);
console.log(backArr); //[ 0, 5, 5, 6, 4 ]

find() 和 findIndex()：
find：返回第一个符合条件的数组成员，若无符合条件的成员则返回undefined；
findIndex：返回第一个符合条件的数组成员位置，若无符合条件的成员则返回-1；

let arr = [-5, -1, 2, 5];

let backValue = arr.find(v => v < 2);
console.log(backValue); // -5

let backIndex = arr.findIndex(v => v < 2);
console.log(backIndex); // 0

注：

两个方法的参数都是回调函数，并且回调函数可以接受3个参数，依次为值、当前位置和原数组；除了回调函数外，还可接受第二个参数，用来绑定回调函数的this对象。
另外，这两个方法都可以借助Object.is方法找到NaN，弥补了数组的indexOf方法的不足。

let arr2 = [1, NaN, 5];
let nanIndex = arr2.find(v => Object.is(NaN, v));
console.log(nanIndex); //1

console.log(arr2.indexOf(NaN)); // -1

fill()：使用给定值填充一个数组。
参数：填充的值、填充的起始位置和填充的结束位置；

let arr = [1, 5, 8];
// 未给定填充值
console.log(arr.fill()); //[ undefined, undefined, undefined ]
// 指定位置
console.log(arr.fill('a', 1)); //[ 1, 'a', 'a' ]
console.log(arr.fill('a', 0, 1)); //[ 'a', 5, 8 ]

entries()、keys() 和 values()：用于遍历数组。

entries：遍历键值对；
keys：遍历键名；
values：遍历键值；

let infoArr = [
    {
        name: '小明',
        age: 18,
        sex: '男',
    },
    {
        name: '小丽',
        age: 15,
        sex: '女',
    },
];

for (let [index, item] of infoArr.entries()) {
    console.log(index);
    console.log(item);
}

for (let index of infoArr.keys()) {
    console.log(index);
}

for (let item of infoArr.values()) {
    console.log(item.name);
}

includes()：用来判断数组是否包含给定的值，返回布尔值。

参数：

给定的值；
开始搜索的位置（下标）；默认从0开始，若为负值则表示倒数位置开始，若大于数组长度则从0开始；

let arr = [NaN, 5, 8, 'a'];
console.log(arr.includes(5)); //true
console.log(arr.includes(5,1)); //true
console.log(arr.includes(5,5)); //false ，大于数组长度，负数也一样