js数组常见api详解-爱代码爱编程
concat() 方法:将两个或多个数组合并成一个数组,并返回一个新数组。
语法:array.concat(array1, array2, …, arrayX)
示例:
const arr1 = ['a', 'b', 'c'];
const arr2 = ['d', 'e', 'f'];
const arr3 = ['g', 'h', 'i'];
const newArr = arr1.concat(arr2, arr3);
console.log(newArr); // ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']
注意点:
concat方法不会改变原来的数组,返回一个新的合并后的数组。
join() 方法:将数组中的所有元素转化为一个字符串并返回这个字符串。
语法:array.join(separator)
示例:
const arr = ['hello', 'world'];
const str = arr.join(' '); // 使用空格把数组元素拼接起来
console.log(str); // 'hello world'
注意点:
join方法不会改变原来的数组,返回一个字符串。
pop() 方法:删除数组的最后一个元素并返回这个元素。
语法:array.pop()
示例:
const arr = ['hello', 'world'];
const word = arr.pop();
console.log(arr); // ['hello']
console.log(word); // 'world'
注意点:
pop方法会改变原来的数组,删除最后一个元素,返回被删除的元素。
push() 方法:向数组的末尾增加一个或多个元素,并返回数组的新长度。
语法:array.push(element1, …, elementN)
示例:
const arr = ['hello', 'world'];
const len = arr.push('!');
console.log(arr); // ['hello', 'world', '!']
console.log(len); // 3
注意点:
push方法会改变原来的数组,向数组末尾添加元素,返回新的数组长度。
reverse() 方法:颠倒数组中元素的顺序。
语法:array.reverse()
示例:
const arr = ['hello', 'world'];
const reversedArr = arr.reverse();
console.log(reversedArr); // ['world', 'hello']
注意点:
reverse方法会改变原来的数组,颠倒数组元素的顺序,返回新的数组。
shift() 方法:删除数组中的第一个元素,并返回这个元素。
语法:array.shift()
示例:
const arr = ['hello', 'world'];
const word = arr.shift();
console.log(arr); // ['world']
console.log(word); // 'hello'
注意点:
shift方法会改变原来的数组,删除第一个元素,返回被删除的元素。
slice() 方法:从数组中选择一个片段并返回这个片段作为一个新数组。
语法:array.slice(start, end)
示例:
const arr = ['a', 'b', 'c', 'd', 'e'];
const slicedArr = arr.slice(1, 3);
console.log(slicedArr); // ['b', 'c']
console.log(arr); // ['a', 'b', 'c', 'd', 'e']
注意点:
slice方法不会改变原来的数组,返回一个新的数组。
sort() 方法:对数组的元素进行排序。
语法:array.sort(compareFunction)
示例:
const arr = [3, 36, 22, 1, 8];
arr.sort((a, b) => a - b); // 升序
console.log(arr); // [1, 3, 8, 22, 36]
arr.sort((a, b) => b - a); // 降序
console.log(arr); // [36, 22, 8, 3, 1]
注意点:
sort方法会改变原来的数组,在原数组上排序,返回排序后的数组。
splice() 方法:为数组添加或删除元素。
语法:array.splice(start, deleteCount, item1, item2, …)
示例:
const arr = ['a', 'c', 'd', 'e', 'f'];
arr.splice(1, 2, 'b'); // 从位置1开始,删除2个元素,再插入一个'b'
console.log(arr); // ['a', 'b', 'e', 'f']
注意点:
splice方法会改变原来的数组,删除和插入元素,返回被删除元素组成的新数组(如果没有删除则返回空数组)。参数中的 deleteCount 表示要删除的元素个数,item1, item2, … 表示要插入的元素。