05、ES6 数组的扩展

来源：互联网发布：java string split函数编辑：程序博客网时间：2024/06/15 03:43

1. Array.from(divs); 把类数组转换成真正的数组

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <div></div>    <div></div>    <div></div></body><script>    let divs = document.getElementsByTagName('div');    console.log(divs);    let arr = Array.from(divs);    console.log(arr);</script></html>

运行结果：

2. Array.of() 接收一组参数转换成真数组

console.log(Array.of(1,2,3,4));

运行结果：

3. arr.find() 遍历查找value 或 key 如果符合条件停止遍历符合条件的值返回出去

let arr = [1,2,3,4,5];
let n = arr.find(function (value,key){
return key > 3
});
console.log('n:'+n);

let m = arr.find(function (value,key){
return value > 3
});
console.log('m:'+m);

运行结果：

4. arr.findIndex() 如果找不到 -1

let arr = [1,2,3,4,5];
let m = arr.findIndex(function (value,key){
return key > 4
});
console.log('m:'+m);

运行结果：

5.fill(6,1,5) 1/要填充的值 2/开始位置 3/结束

let arr = [1,2,3,4,5];
/*
* 替换数组里的值
* 1/要填充的值 2/开始位置 3/结束
* */
console.log(arr.fill(6,1,5)); // [1, 6, 6, 6, 6]

运行结果：

0 0