JS 数组方法

140 阅读2分钟

改变原数组

  • 1、pop() :删除最后一个元素, 返回删除的元素值, 当数组为空时不改变数组,返回undefined;
  • 2、push():添加元素到尾部;
  • 3、shift():移除数组第一个元素, 返回删除的元素值, 当数组为空时不改变数组,返回undefined;
  • 4、unshift():向数组开头插入数据, 可插入多个值(arr.unshift(2,3,4)2在第一个), 返回数组新的长度;
  • 5、reverse():翻转数组,例如[2,3,4,5]->[5,4,3,2];
  • 6、sort() :对数组进行排序
  • 7、splice() :从index可移除一个或者多个元素,并且可以从index添加一个或多个元素元素,返回移除的元素;
let arr = [1,2,3,4,5,6];
let temp = arr.splice(2,4);//index为2的地方开始移除四个, temp = [3,4,5,6], arr = [1,2];
temp = arr.splice(2, 3,22); //temp = [3,4,5], arr = [1,2,22,6];

不改变原数组

  • 1、join():返回一个字符串,参数为分隔符;

  • 2、concat() :连接两个或多个数组,返回连接后的数组;

let arr= [1,2,3,4,5,6];
let temp = arr.concat([1,2], [3,4]); // arr = [1,2,3,4,5,6] temp = [1,2,3,4,5,6,1,2,3,4]
  • 3、find():查找数组中满足条件的第一个元素的值
let arr= [1,2,3,4,5,6];
let temp = arr.find((item)=> item > 4); // temp = 5
  • 4、findIndex():返回满足条件的第一个索引, 否则返回-1
  • 5、slice(start, end):截取数组, start起始下标, end结束下标, 包前不包后
let arr= [1,2,3,4,5,6];
let temp = arr.slice(1,4);//temp = [2,3,4]
  • 6、filter() : 返回包含满足条件的所有元素的数组
  • 7、every():检测数组中每个对象是否都符合条件,全部符合返回true, 否则返回false;
  • 8、some():检测是否存在满足条件的元素, 存在返回true,否则返回false;
  • 9、map() :方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
  • 10、reduce():方法接收一个函数作为累加器

image.png

let arr= [1,2,3,4,5,6];
let temp = arr.reduce((pre, currentValue, currentIndex, arr)=> {
    return pre + currentValue
}, 10); // temp = 10 + 1 + 2 + 3 + 4 + 5 + 6 = 31;

......