数组的一些方法

es6新增数组方法,Set构造函数

1 ES6数组去重和扩展运算符

1.1 扩赞运算符

1.11 将伪数组转换为真数组

letarr=[...arrlike]//方法一Array.from(arrlike)//方法二

1.12 合并数组

letarr=[...arr1,...arr2]

1.2 find()

//找到数组中符合条件的元素,返回符合的第一个元素arr.find(item=>{returnitem.name=='张三'})

1.3 findIndex()

//找到数组中符合条件的元素,返回该值得索引,没有则返回-1

1.4 includes()

//判断该数组是否包含符合条件的元素,返回true或者falsearr.includes('张三')

2 Set构造函数

1.1 Set的使用

相当于一个没有重复数据的数组letset=newSet()

1.2 Set的方法

s.add(1).add(2).add(3);// 向 set 结构中添加值 s.delete(2)// 删除 set 结构中的2值  s.has(1)// 表示 set 结构中是否有1这个值 返回布尔值 s.clear()// 清除 set 结构中的所有值//注意:删除的是元素的值,不是代表的索引

1.3 利用Set数和扩展运算符组去重

letarr=[1,1,2,2,3,3]letnewArr=[...newSet(arr)]

数组其他方法:

1,Array.filter(callback)

let b = a.filter(item => item.name === 'kele');

console.log(b) //[{name: 'kele', title: '可口可乐'},{name: 'kele', title: '芬达'}]

2,Array.find(callback)

这个方法是返回数组中符合条件的第一个元素,否则就返回undefined

let a = [1,2,3,4,5];

let b = a.find(item => item > 2);

console.log(b)  // 3

传入一个回调函数,找到数组中符合搜索规则的第一个元素,返回它并终止搜索

const arr = [1, "2", 3, 3, "2"]

console.log(arr.find(item =>typeofitem === "number"))// 1

3,Array.findIndex(callback)

这个方法是返回数组中符合条件的第一个元素的索引值,否则就返回-1

let a = [1,2,3,4,5];

let b = a.findIndex(item => item > 2);

console.log(b) // 2 符合条件的为元素3 它的索引为2

找到数组中符合规则的第一个元素,返回它的下标

const arr = [1, "2", 3, 3, "2"]

console.log(arr.findIndex(item =>typeofitem === "number"))// 0

4.from(),将类似数组的对象(array-like object)和可遍历(iterable)的对象转为真正的数组

const bar = ["a", "b", "c"];

Array.from(bar);// ["a", "b", "c"]Array.from('foo');// ["f", "o", "o"]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。