首先我们先来了解一下JS的数组的扩展。ES6引入了许多新的数组扩展方法,大大提高了我们处理数组时的效率。以下是几个常用的方法。
扩展操作符
使用扩展操作符,可以轻松的将一个数组展开成另一个数组:
const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5, 6];
console.log(arr2); // [1, 2, 3, 4, 5, 6]
includes()方法
includes()方法用来判断一个数组是否包含一个指定的值,返回 boolean 类型的值。它可以很方便地替代 indexOf()方法,不同的是 includes()方法返回 boolean 类型的值,而 indexOf()方法返回匹配到的索引值或-1。
const arr = [1, 2, 3];
const hasOne = arr.includes(1);
console.log(hasOne); // true
示例1:数组去重
使用Set数据结构和扩展操作符可以轻松地去重一个数组:
const arr = [1, 2, 3, 2, 1, 4, 5];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]
示例2:查找两个数组的交集
可以使用 filter()方法过滤出两个数组的交集,使用 includes()方法判断当前元素在另外一个数组中是否存在:
const arr1 = [1, 2, 3, 4, 5];
const arr2 = [3, 4, 5, 6, 7];
const intersection = arr1.filter(item => arr2.includes(item));
console.log(intersection); // [3, 4, 5]
以上就是JS数组的扩展实例代码的完整攻略,希望可以帮到你。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS的数组的扩展实例代码 - Python技术站