该回调函数可接受三个参数：数组的某个元素，该元素对应的索引位置，以及该数组本身 。
该回调函数应当在给定的元素满足你定义的条件时返回 true，而 find()和 findIndex()方法均会在回调函数第一次返回 true 时停止查找 。
二者的区别是：find()方法返回匹配的值，而 findIndex()返回匹配位置的索引 。
let arr = [1, 2, 3, arr , 5, 1, 9];console.log(arr.find((value, keys, arr) => { return value > 2;})); // 3 返回匹配的值console.log(arr.findIndex((value, keys, arr) => { return value > 2;})); // 2 返回匹配位置的索引20.copyWithin() [es6 新增]copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中 。
该方法会改变现有数组
//将数组的前两个元素复制到数组的最后两个位置let arr = [1, 2, 3, arr , 5];arr.copyWithin(3, 0);console.log(arr);//[1,2,3,1,2]默认情况下，copyWithin()方法总是会一直复制到数组末尾，不过你还可以提供一个可选参数来限制到底有多少元素会被覆盖 。这第三个参数指定了复制停止的位置（不包含该位置本身） 。
let arr = [1, 2, 3, arr , 5, 9, 17];//从索引3的位置开始粘贴//从索引0的位置开始复制//遇到索引3时停止复制arr.copyWithin(3, 0, 3);console.log(arr);//[1,2,3,1,2,3,17]21.flat() 和 flatMap() es6 新增flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回 。
该方法返回一个新数组，对原数据没有影响 。
参数： 指定要提取嵌套数组的结构深度，默认值为 1 。
const arr1 = [0, 1, 2, [3, 4]];console.log(arr1.flat());// expected output: [0, 1, 2, 3, 4]const arr2 = [0, 1, 2, [[[3, 4]]]];console.log(arr2.flat(2));// expected output: [0, 1, 2, [3, 4]]//使用 Infinity，可展开任意深度的嵌套数组var arr4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]];arr4.flat(Infinity);// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]// 扁平化数组空项,如果原数组有空位，flat()方法会跳过空位var arr4 = [1, 2, , 4, 5];arr4.flat();// [1, 2, 4, 5]flatMap()方法对原数组的每个成员执行一个函数，相当于执行Array.prototype.map(),然后对返回值组成的数组执行flat()方法 。
该方法返回一个新数组，不改变原数组 。
// 相当于 [[2, 4], [3, 6], [4, 8]].flat()[2, 3, 4].flatMap((x) => [x, x * 2])// [2, 4, 3, 6, 4, 8]22. entries(),keys() 和 values() 【ES6】entries()，keys()和values() —— 用于遍历数组 。它们都返回一个遍历器对象，可以用for...of循环进行遍历
区别是keys()是对键名的遍历、values()是对键值的遍历，entries()是对键值对的遍历
for (let index of [ a , b ].keys()) { console.log(index); } // 0 // 1 for (let elem of [ a , b ].values()) { console.log(elem); } // a // b for (let [index, elem] of [ a , b ].entries()) { console.log(index, elem); } // 0 "a" // 1 "b" 如果不使用for...of循环，可以手动调用遍历器对象的next方法，进行遍历 。
let letter = [ a , b , c ]; let entries = letter.entries(); console.log(entries.next().value); // [0, a ] console.log(entries.next().value); // [1, b ] console.log(entries.next().value); // [2, c ] 参考资料blog.csdn.net/lizhiqiang1…
推荐阅读
- 一篇详细的Debian系统安装配置手册
- 超详细Prometheus入门教程
- 如何在Linux安装防火墙，你可能不会见到这么详细的教程。
- 按茶色不同分类之青茶,铁观音详细的分类
- 安卓面试题到处攒，一到面试就忘个干净？来看看这份超详细的整理
- 超详细的MySQL工作原理 体系结构
- 不拆分网线，一根网线实现IPTV和上网单线复用，手把手超详细
- 安徽铁观音的制作方法,铁观音详细的分类
- 带你实现一个静态服务器，超详细
- 网络编程之 Https 详细分析，超详细知识点