操作原数组

push(item)

向数组的末尾添加一个或多个元素,并返回新的长度
item:第一个元素(必填)
…n:多个元素(选填)

let arr =[1, 2, 3];
arr.push(4,5);
console.log(arr);  // [1, 2, 3, 4,5]

pop()

删除数组的最后一个元素并返回删除的元素。改变数组的长度

let arr =[1, 2, 3];
let temp=arr.pop();
console.log(temp); // 3
console.log(arr); // [1, 2]

shift()

把数组的第一个元素从其中删除,并返回第一个元素的值。改变数组的长度

let arr =[1, 2, 3];
let temp=arr.shift();
console.log(temp); // 1
console.log(arr); // [2, 3]

unshift(item,[…n])

向数组的开头添加一个或更多元素,返回新的长度,并返回添加数组的最后一个元素。该方法将改变数组的数目
item:第一个元素(必填)
…n:多个元素(选填)

let arr =[1, 2, 3];
let temp=arr.unshift(4,5);
console.log(temp); // 5
console.log(arr); // [4, 5, 1, 2, 3]

splice(startIndex,[endIndex])

添加或删除数组中的元素。返回以数组形式表现的删除元素
startIndex:开始的下标位置(必填)
endIndex:结束的下标位置(选填,如果没有,会从开始下标到最后元素的下标)

let arr =[1, 2, 3];
let temp=arr.splice(1,1);
console.log(temp); // 2
console.log(arr); // [1, 3]

sort()

对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。当数字是按字母顺序排列时"40"将排在"5"前面。

let arr =[4, 1, 2, 3, 10, 21];
console.log(arr.sort()); // [1, 10, 2, 21, 3, 4]
console.log(arr); // [1, 10, 2, 21, 3, 4]

reverse()

用于颠倒数组中元素的顺序。

let arr =[1, 2, 3, 10, 21];
console.log(arr.reverse()); // [21, 10, 3, 2, 1]

返回新数组

slice(startIndex,[endIndex])

可提取字符串的某个部分,并以新的字符串返回被提取的部分
startIndex:开始的下标位置(必填)
endIndex:结束的下标位置(选填,如果没有,会从开始下标到最后元素的下标)

let arr =[1, 2, 3, 10, 21];
console.log(arr.slice(2)); // [3, 10, 21]
console.log(arr); //  [1, 2, 3, 10, 21]

concat()

返回组合后的新数组

let arr1 =[1, 2, 3];
let arr2 =[4, 5, 6];
console.log(arr1.concat(arr2)); //  [1, 2, 3, 4, 5, 6]

filter()

返回符合条件的新数组

let arr= [1, 2, 3, 4, 5];
let arr1 = arr.filter(item => item >= 3)
console.log(arr)    // [1, 2, 3, 4, 5]
console.log(arr1)  // [3, 4, 5]

map()

返回运算后的新数组

let arr= [1, 2, 3, 4]
let arr1 = arr.map(item => item+2)
console.log(arr)   //  [1, 2, 3, 4]
console.log(arr1)  //  [3, 4, 5, 6]

forEach()

遍历数组中的每个元素,可在遍历过程中给其他数组或者变量赋值

let arr= [1, 2, 3, 4]
let arr1 = [];
arr.forEach(item => arr1.push(item))
console.log(arr)   // [1, 2, 3, 4]
console.log(arr1)  // [1, 2, 3, 4]

find()

返回第一个符合条件的元素,如果都没有符合的则返回undefined

let arr= [1, 2, 3, 4];
let arr1= arr.find(item => item>2)
let arr2 = arr.find(item => item<1)
console.log(arr)   // [1, 2, 3, 4]
console.log(arr1)  // 3
console.log(arr2)  // undefined

findIndex()

返回第一个符合条件的元素的下标,如果没有则返回-1

let arr= [1, 2, 3, 4];
let arr1= arr.findIndex(item => item>2)
let arr2 = arr.findIndex(item => item<1)
console.log(arr)   // [1, 2, 3, 4]
console.log(arr1)  // 2
console.log(arr2)  // -1

some()

只要有一个元素满足条件,则表达式返回true

let arr= [1, 2, 3, 4];
let res= arr.some(item => item>2)
console.log(arr)   // [1, 2, 3, 4]
console.log(res)  // true

every()

只要有一个元素不满足,则整个表达式返回 false

let arr= [1, 2, 3, 4];
let res= arr.every(item => item>2)
console.log(arr)   // [1, 2, 3, 4]
console.log(res)  // false

其他方法

join(‘参数’)

将数组的元素以传入的参数为分割符,并转为字符串返回

let arr = [1,2,3,4,5];
let str = arr.join(',');
console.log(arr)
console.log(str)  // -> '1,2,3,4,5';

toString()

将数组的元素已逗号为分隔符,并转为字符串返回

let arr = [1,2,3,4,5,6];
console.log(arr.toString()) // -> '1,2,3,4,5,6'

indexOf()

查找对象数据是否存在于数组中,如果存在返回下标,如果不存在返回-1

let arr = [1,2,3,4];
console.log(arr.indexOf(1)) //  1
console.log(arr.indexOf(5)) // -1

reduce(callback,initial)

参数:
第一个是回调函数,表示在数组的每一项上调用的函数;
第二个参数(可选的)作为归并的初始值,被回调函数第一次执行时的第一个参数接收。

callback默认有四个参数,分别为prev,now,index,self。 callback返回的任何值都会作为下一次执行的第一个参数。 如果initial参数被省略,那么第一次迭代发生在数组的第二项上,因此callback的第一个参数是数组的第一项,第二个参数就是数组的第二项。

let arr = [1,2,3,4,5];
let sum = arr.reduce((prev,now) => prev+now)
console.log(sum); // 15;
let sum = arr.reduce((prev,now) => prev+now,1000)
console.log(sum) // 1015;
Logo

前往低代码交流专区

更多推荐