JavaScript Array常用方法

2023-11-10 03:16:55

不改变原数组的方法

1. concat()

concat() 方法用于将一个或多个数组合并到当前数组中，并返回一个新数组，而不会改变原数组。

const numbers1 = [1, 2, 3];
const numbers2 = [4, 5, 6];

const numbers3 = numbers1.concat(numbers2);

console.log(numbers1); // 输出：[1, 2, 3]
console.log(numbers2); // 输出：[4, 5, 6]
console.log(numbers3); // 输出：[1, 2, 3, 4, 5, 6]

2. join()

join() 方法用于将数组中的元素连接成一个字符串，并返回该字符串，而不会改变原数组。

const numbers = [1, 2, 3];

const numbersString = numbers.join();

console.log(numbers); // 输出：[1, 2, 3]
console.log(numbersString); // 输出："1,2,3"

3. slice()

slice() 方法用于从数组中提取一个子数组，并返回该子数组，而不会改变原数组。

const numbers = [1, 2, 3, 4, 5];

const subArray = numbers.slice(2, 4);

console.log(numbers); // 输出：[1, 2, 3, 4, 5]
console.log(subArray); // 输出：[3, 4]

4. flat()

flat() 方法用于将一个多维数组转换为一维数组，并返回该一维数组，而不会改变原数组。

const numbers = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];

const flatArray = numbers.flat();

console.log(numbers); // 输出：[[1, 2, 3], [4, 5, 6], [7, 8, 9]]
console.log(flatArray); // 输出：[1, 2, 3, 4, 5, 6, 7, 8, 9]

5. toString()

toString() 方法用于将数组转换为字符串，并返回该字符串，而不会改变原数组。

const numbers = [1, 2, 3];

const numbersString = numbers.toString();

console.log(numbers); // 输出：[1, 2, 3]
console.log(numbersString); // 输出："1,2,3"

改变原数组的方法

1. pop()

pop() 方法用于删除数组最后一个元素，并返回该元素，同时改变原数组。

const numbers = [1, 2, 3];

const lastElement = numbers.pop();

console.log(numbers); // 输出：[1, 2]
console.log(lastElement); // 输出：3

2. push()

push() 方法用于向数组末尾添加一个或多个元素，并返回新数组的长度，同时改变原数组。

const numbers = [1, 2, 3];

const newLength = numbers.push(4, 5);

console.log(numbers); // 输出：[1, 2, 3, 4, 5]
console.log(newLength); // 输出：5

3. reverse()

reverse() 方法用于反转数组的元素顺序，并返回该数组，同时改变原数组。

const numbers = [1, 2, 3];

numbers.reverse();

console.log(numbers); // 输出：[3, 2, 1]

4. shift()

shift() 方法用于删除数组第一个元素，并返回该元素，同时改变原数组。

const numbers = [1, 2, 3];

const firstElement = numbers.shift();

console.log(numbers); // 输出：[2, 3]
console.log(firstElement); // 输出：1

5. unshift()

unshift() 方法用于向数组开头添加一个或多个元素，并返回新数组的长度，同时改变原数组。

const numbers = [1, 2, 3];

const newLength = numbers.unshift(4, 5);

console.log(numbers); // 输出：[4, 5, 1, 2, 3]
console.log(newLength); // 输出：5

6. sort()

sort() 方法用于对数组中的元素进行排序，并返回该数组，同时改变原数组。

const numbers = [3, 1, 2];

numbers.sort();

console.log(numbers); // 输出：[1, 2, 3]

7. splice()

splice() 方法用于向数组中添加或删除元素，还可以替换数组中的元素，同时改变原数组。

const numbers = [1, 2, 3, 4, 5];

// 添加元素
numbers.splice(2, 0, 2.5);

// 删除元素
numbers.splice(3, 1);

// 替换元素
numbers.splice(2, 1, 3.5);

console.log(numbers); // 输出：[1, 2, 2.5, 3.5, 5]