js数组常用方法归类整理（持续更新）

缺乏、安全感 2022-05-20 04:55 293阅读 0赞

##### 数组是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() 返回数组的原始值 ######