js数组处理方法来看看？

Posted 2022-11-25 曹豆芽

在日常开发中，我们对于数组的处理，是很多的，豆芽下面总结分享了一些数组处理和字符串转数组方法，提高开发效率。现在和豆芽一起看一看，欢迎留言补充交流🙏🏿🙏🏿🙏🏿🙏🏿🙏🏿。

数组排序

数组排序使用sort,可以调整排序顺序。

let listData = [6,1,2,3,4,-1];
listData.sort((left,right) => left - right);
console.log(listData);

数组数据添加

let listData = ['曹','豆'];
listData.push('芽');//尾部添加
console.log(listData);
listData.unshift('小');//头部添加
console.log(listData);

切割数组

 //slice,第一个参数开始下标，第二个范围
let listData = ['曹','豆','芽'];
let listNew = listData.slice(0,2)
console.log(listNew);
//splice,第一个参数表示开始切割数组项的索引，第二个参数表示需要删除的个数
let listNewPlues = listData.splice(1,2);
console.log(listNewPlues);

数组遍历

数组遍历可以查看豆芽的JS循环遍历方法你知道几个？

数组去重

数组去重可以查看豆芽的数组去重方法的方式总结

数组交，并集

1、includes 方法结合 filter 方法

let list = ['曹','豆','芽']
let arr = ['小','豆','芽']
// 并集
let union = list.concat(arr.filter((v) => !list.includes(v)))
console.log(union);

// 交集
let intersection = list.filter((v) => arr.includes(v))
console.log(intersection);

2、es6 set方法

let list = new Set([1, 2, 3])
let listPlus = new Set([2, 4, 5])

// 并集
let union = new Set([...list, ...listPlus])
console.log(union);
// 交集
let intersect = new Set([...list].filter((x) => listPlus.has(x)))
console.log(intersect);

数组求和

let list = [1,2,3,4,5,5]
let sumPlus = 0
//for求和
for(let index = 0;index < list.length ; index++)
    sumPlus += list[index]
 
console.log(sumPlus);
//Es6 reduce求和
let sum = list.reduce((prev, curr)=>
    return prev + curr
)
console.log(sum);

判断值存在

//includes 数组判断值存在返回true
let list = ['曹','豆','芽']
console.log(list.includes('曹'));
//indexOf数组头部存在值返回-1
console.log(list.indexOf('曹',1));
//lastIndexOf数组尾部存在值返回-1
console.log(list.lastIndexOf('芽',1))

字符串转数组

//Array.from
let dataStr = '曹豆芽';
console.log(Array.from(dataStr));
//扩展运算符
console.log([...dataStr]);
//split分割
console.log(dataStr.split(''));

欢迎在豆芽的评论区补充留言交流，感谢🙏🏿🙏🏿🙏🏿🙏🏿🙏🏿🙏🏿。