常用的数组操作方法

JS中常用的数组操作方法

map 方法

map-给所有的数组元素增加一个限定条件的操作

let arr=[1,9,8,6,4,2,2,7,32];
let number=arr.map(function(a){
        return (a*3+6)/5;   
})
console.log(number);
'结果展示'
[1.8, 6.6, 6, 4.8, 3.6, 2.4, 2.4, 5.4, 20.4]

every 方法

every-判断条件在数组中每一个是否满足,有一个不满足就为false

let arr = [1, 9, 8, 6, 4, 2, 2, 7, 32];
let arr1=arr.every(function(a,b){
        return a>9;
})
'结果展示'
console.log(arr1)为false;

filter 方法

filter-筛选所有满足条件的数组元素,返回一个新数组

let arr = [1, 9, 8, 6, 4, 2, 2, 7, 32];
let arr1=arr.filter(function(a,b){
      return a>5;
})
'结果展示'
console.log(arr1)为[9, 8, 6, 7, 32];

find 方法

find-找到所有满足条件的数组元素

let arr=[1,9,8,6,4,2,2,7,32];
let arr1=arr.find(function(a,b){
      return a>20; 
})
'结果展示'
console.log(arr1)为32;

flat 方法

flat-把多维数组中的数组元素,拉平成一维数组
参数表示拉取几层

let arr = [1, 9, 8, 6, ['aaa', 'e','s', 'd',[1111]]];
'结果展示'
console.log(arr.flat(2))为 [1, 9, 8, 6, "aaa", "e", "s", "d", 1111];

join 方法

join-主要用于把数组中的元素以指定符号进行转字符串

let arr = [1, 9, 8, 6, 4, 2, 2, 7, 32];
console.log(arr.join());
'结果展示'
输出结果为1,9,8,6,4,2,2,7,32;

includes 方法

includes- 主要用于查看数组中指定字符是否存在,返回值为布尔

let arr = [1, 9, 8, 6, 4, 2, 2, 7, 32];
console.log(arr.includes(arr[4],4))为true;
'结果展示'
语法: let bool=arr.includes('指定字符串',开始索引,默认为0);

pop 方法

pop-删除数组中的最后一个元素并返回

let arr = [1, 9, 8, 6];
arr.pop();
console.log(arr);
'结果展示'
arr = [1, 9, 8];

push 方法

push-把想添加的元素加入数组的尾部并返回

let arr = [1, 9, 8, 6];
arr.push(5,2)
console.log(arr);
'结果展示'
arr =[1,9,8,6,5,2];

reverse 方法

reverse-把数组内的所有元素按倒序颠倒

 let arr = [1, 9, 8, 6, 4, 2, 2, 7, 32];
 console.log(arr.reverse());
 '结果展示'
arr =[32, 7, 2, 2, 4, 6, 8, 9, 1];

shift 方法

shift-将数组的第一个元素删除

let arr = [1, 9, 8, 6];
arr.shift()
console.log(arr);
'结果展示'
arr = [ 9, 8, 6];

slice 方法

slice-截取数组中的片段
第一个参数为开始位置,第二个为结束位置,第二个参数不写默认为最后一个元素所在位置

let arr = [1, 9, 8, 6];
console.log(arr.slice(1,3));
'结果展示'
arr=[9,8];

some 方法

some-只要有一个满足条件,返回值为true 否则返回值为false

let arr = [1, 9, 8, 6, 4, 2, 2, 7, 32];
let arr1=arr.some(function(a,b){
      return val>9;
})
'结果展示'
console.log(arr1);//为true

sort 方法

sort-对数组的元素进行排序

 let arr = [1, 9, 8, 6, 4, 2, 2, 7, 32];
 let arr1=arr.sort(function add(a,b){
         return a-b;
 })
 console.log(arr1); 
 '结果展示'
 arr1=[1, 2, 2, 4, 6, 7, 8, 9, 32];   

splice 方法

splice-在指定位置删除和添加数组元素
splice(a,b,c…)
第一个参数为开始位置,第二个为删除的长度,第三个及以后为添加的数组元素

let arr = [1, 9, 8, 6];
arr.splice(1,2,3,3,3,);
console.log(arr);
'结果展示'
arr = [1,3,3,3,6]; 

unshift 方法

unshift-将添加的元素放在数组最前面

let arr = [1, 9, 8, 6];
arr.unshift(5,2);
console.log(arr);
arr = [5, 2, 1, 9, 8, 6]; 

indexOf 去重方法

indexOf -将重复的元素从数组中清除,然后只保留一个

let arr = [2, 8, 5, 0, 5, 2, 6, 7, 2];
function unique1(arr) {
       let b = [];//建立一个新数组
       for (var i = 0; i < arr.length; i++) {
       if (b.indexOf(arr[i]) == -1) {//判断,如果存在就返回数组元素的索引,不存在就返回-1
       b.push(arr[i]);//把遍历出来的数组元素加入新数组
     }
   }
  return b;
 } 
 console.log(arr);
 console.log(unique1(arr));
 b=[2, 8, 5, 0,  6, 7];
 arr=[2, 8, 5, 0, 5, 2, 6, 7, 2];

本文章只介绍了数组中常用的操作方法,欢迎大家交流学习!!!