JS数组操作的方法

1.some() 对数组找出符合条件返回true否则false

let arr =[31,22,75,71,58,14]
let newArr=arr.some(item=>{
    return item>30
})
console.log(newArr)// 31 75 71 58

2.两个数组比较找出相同元素,filter+includes()方法用来判断数组是否包含指定的值

let arr=[{name:'小蔡',age:22},{name:'小坤',age:25}]
let arr1=[{name:'小胡',age:32},{name:'小蔡',age:22}]
let newArr=arr.filter(item=>{
    arr1.includes(item)
})
console.log(newArr)// [{name:'小蔡',age:22}]

3.join()方法对数组所有元素都转化为字符串并连接在一起

let arr =['a','b','c','d']
let str=arr.join()
console.log(str) //'a,b,c,d'

4.concat()方法合并两个或多个数组,不会修改原有数组,而是返回一个新数组

let arr=['1','2']
let arr1=['3','4']
let newArr=arr.concat(arr1)
console.log(newArr) //['1','2','3','4']

5.sort()方法对数组的元素进行排序。此方法修改原数组

let arr=[1,5,8,6,2]
arr.sort()
console.log(arr) //[1,2,5,6,8]

6.reverse()方法对数组中元素的位置颠倒。此方法修改原数组

let arr=[1,2,3,4,5]
arr.reverse()
console.log(arr) // [5,4,3,2,1]

7.flat()方法按照一个可指定的深度递归遍历数组并返回新数组,此方法不会改变原数组

let arr =[1,2,3,[4,5]]
arr.flat()
console.log(arr) // [1,2,3,4,5]
===========>>>>
let arr1 =[1,2,[[3,4,5]]]
arr1.flat(2)
console.log(arr1) //[1,2,[3,4,5]]

8.new Set() 数组去重

// 数组去重
let arrs=[ "John", "Jane", "John" ,"Eric"];
let newArr= new Set(arrs)
console.log(newArr)

// 数组对象去重
// 第一种
let array = [{ id: 1, name: "John" }, { id: 2, name: "Jane" }, { id: 1, name: "John" }];
let uniqueArray = Array.from(new Set(array.map(JSON.stringify))).map(JSON.parse);
console.log(uniqueArray);
// 第二种
let arr = [{ id: 1, name: "John" }, { id: 2, name: "Jane" }, { id: 1, name: "John" }];
let cc = arr.filter((item, index, self) => self.findIndex(i => i.id === item.id)===index);
console.log('==>', cc);

9.数组转对象数组

let list = {};
let arr = ["123", "456", "789"];
for (let key of arr) {
   console.log(key);
   list[key] = [];
 }
console.log(list);//{123:[],456:[],789:[]}

10.forEach()、map()、filter()、pop()、push()、shift()、unshift()、splice()这些方法想必大家都用得很熟悉了,不一一介绍啦。

后记:把烦心事都抛掉,腾出地方让鲜花盛开

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值