js数组常用方法归类整理(持续更新)

数组是js里面非常重要的数据结构,日常工作中避免不了对数组进行各种操作。一下便针对数组做一个整理
array.filter()过滤函数,返回符合条件的item 不会改变原数组
 var arr = [1, 2, 3, 3, 2];
 var r = arr.filter(function (item, index, self) {
     console.log(item); // 依次打印'A', 'B', 'C'
     console.log(index); // 依次打印0, 1, 2
     console.log(self); // self就是变量arr
     return item==2;
 });
// console.log(r)    [2,2]  返回符合条件的所有元素
array.every() 方法用于检测数组所有元素是否都符合指定条件,所有符合返回true,不符合返回false 不会改变原数组
 var arr = [1, 2, 3];
 var r = arr.every(function (item, index, self) {
     return item>4;
 });
 //console.log(r)   false    数组中所有元素都小于4
array.find() 方法用来返回数组中满足条件的第一个元素 不会改变原数组
 var arr = [1, 2, 3];
 var r = arr.find(function (item, index, self) {
     return item>=2;
 });
 //console.log(r)   2    返回满足条件的第一个元素
array.forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数,可用于遍历数组。
var arr = [1, 2, 3];
arr.forEach(function (item, index, self) {    //特别注意forEach返回值为undefined
     console.log(item);     //1,2,3 循环输出数组所有信息,可在此处理业务逻辑
 });
array.indexOf(item,start) 方法可返回某个指定的字符串值在字符串中首次出现的位置。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");//a=2
array.join(separator)讲数组按特定分割符组合成字符串
var arr = [1, 2, 3];
arr.join('');//返回"123"
arr.join('a');//返回"1a2a3"
Array.isArray(obj)判断对象是否是数组
var arr = [1, 2, 3];
var obj= {name:"cgd"};
Array.isArray(arr)   //true
Array.isArray(obj)   //false
array.map() 方法按照原始数组元素顺序依次处理元素,可返回新数组,但不会改变原数组
 var arr = [1, 2, 3];
 var r = arr.map(function (item, index, self) {
     return item*2;     //1,2,3 循环输出数组所有信息,可在此处理业务逻辑
 });
 console.log(r)     //[2, 4, 6]  
 console.log(arr)  //[1, 2, 3]
#数组的堆栈操作 删除操作返回删除元素,添加操作返回新的长度,均会改变原数组
var arr = ["a", "b", "c", "d"];  //以下操作单独执行
arr.pop();          //arr 输出为["a", "b", "c"]   删除数组末尾元素
arr.push("e","f")   //arr 输出为["a", "b", "c", "d", "e", "f"]  向数组末尾添加元素
arr.shift()         //arr 输出为["b", "c", "d"]     删除数组第一个元素
arr.unshift("e","f")        //arr 输出为["e","f","a","b", "c", "d"]     向数组开始添加元素
array.reduce() 方法接收一个函数作为累加器,累加数组的值。
 var arr = [1, 2, 3];
 var r = arr.reduce(function (total,item, index, self) {  //total用来保存累加结果的,初始值为0;
     return total+item;     //  结果返回6
 });
array.reverse() 方法用于颠倒数组中元素的顺序。
 var arr = [1, 2, 3];
 arr.reverse() // console.log(arr)   输出[3,2,1]
array.some() 方法用于检测数组中的元素是否满足指定条件,有一个满足就返回true
 var arr = [1, 2, 3];
 var r = arr.some(function (item, index, self) {
     return item>2;     //console.log(r)   由于3满足条件,返回true
 });
array.sort(sortfunction)对数组进行排序,没传递函数时,按升序排
var arr= [40,100,1,5,25,10];
arr.sort(function(a,b){return a-b}); //升序排列[1,5,10,25,40,100]
array.splice(index,howmany,item1,…..,itemX) 方法用于插入、删除或替换数组的元素,这种方法会改变原始数组,很强大
    index 表示开始位置,
    howmany 表示删除多少个必须为数字,可以为0表示不删除,如果不填的话会从index位置删到最后
    item1 表示要添加到数组的新元素
var arr= ["a", "b", "c", "d"];
arr.splice(2,1,"e","f"); //["a", "b", "e", "f", "d"] 从位置为2的地方删除一个元素并添加两个元素
array.toString()将数组转为字符串,并以逗号隔开
var arr= ["a", "b", "c", "d"];
var arrstring = arr.toString();//arrstring = "a,b,c,d" ,不改变原数组
array.valueOf() 返回数组的原始值
var arr= ["a", "b", "c", "d"];
arr.valueOf() //返回原数组,不改变原数组
可以使用 Array.prototype.reduce() 方法来实现这个功能。具体步骤如下: 1. 遍历数组,对于每个元素,获取需要归类的属性值。 2. 在 reduce() 方法中创建一个对象,用于保存归类后的结果。 3. 对于每个元素,检查对象中是否已经存在该属性值对应的数组,如果不存在,则创建一个新数组,并将该元素添加到数组中;如果已经存在,则将该元素添加到对应的数组中。 4. 最后,将对象中的值转换为数组,即可得到归类后的结果。 下面是一个示例代码: ```javascript const arr = [ { name: 'apple', type: 'fruit' }, { name: 'banana', type: 'fruit' }, { name: 'carrot', type: 'vegetable' }, { name: 'orange', type: 'fruit' }, { name: 'broccoli', type: 'vegetable' }, { name: 'pear', type: 'fruit' }, { name: 'tomato', type: 'vegetable' }, { name: 'pepper', type: 'vegetable' }, { name: 'grape', type: 'fruit' }, { name: 'potato', type: 'vegetable' }, ]; const result = arr.reduce((obj, item) => { if (obj[item.type]) { obj[item.type].push(item); } else { obj[item.type] = [item]; } return obj; }, {}); console.log(result); ``` 输出结果为: ```javascript { fruit: [ { name: 'apple', type: 'fruit' }, { name: 'banana', type: 'fruit' }, { name: 'orange', type: 'fruit' }, { name: 'pear', type: 'fruit' }, { name: 'grape', type: 'fruit' } ], vegetable: [ { name: 'carrot', type: 'vegetable' }, { name: 'broccoli', type: 'vegetable' }, { name: 'tomato', type: 'vegetable' }, { name: 'pepper', type: 'vegetable' }, { name: 'potato', type: 'vegetable' } ] } ``` 在这个示例中,我们将 `arr` 数组中的元素按照 `type` 属性进行归类,得到一个包含 `fruit` 和 `vegetable` 两个属性的对象。每个属性对应一个数组,包含相同 `type` 属性值的元素。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小鸣blog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值