📜  javascript 数组转换 - Javascript (1)

📅  最后修改于: 2023-12-03 15:31:43.899000             🧑  作者: Mango

JavaScript 数组转换

JavaScript 作为一门动态语言,其数组操作非常灵活。本文将介绍如何进行数组转换。

1. map()

map() 方法会创建一个新数组,其结果是原数组中的每个元素按顺序调用一个提供的函数后返回的结果。

语法:

array.map(function(currentValue, index, arr), thisValue)

代码示例:

const numbers = [1, 2, 3];

const doubledNumbers = numbers.map(function(num) {
  return num * 2;
});

console.log(doubledNumbers); // [2, 4, 6]
2. filter()

filter() 方法会创建一个新数组,其结果是原数组中所有通过提供的函数测试的元素,组成的数组。

语法:

array.filter(function(currentValue, index, arr), thisValue)

代码示例:

const numbers = [1, 2, 3];

const evenNumbers = numbers.filter(function(num) {
  return num % 2 === 0;
});

console.log(evenNumbers); // [2]
3. reduce()

reduce() 方法对数组中的元素进行累加器运算,最终返回一个值。

语法:

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

代码示例:

const numbers = [1, 2, 3];

const sum = numbers.reduce(function(total, num) {
  return total + num;
});

console.log(sum); // 6
4. sort()

sort() 方法用于对数组的元素进行排序。

语法:

array.sort(compareFunction)

代码示例:

const numbers = [3, 2, 1];

const sortedNumbers = numbers.sort(function(a, b) {
  return a - b;
});

console.log(sortedNumbers); // [1, 2, 3]
5. concat()

concat() 方法用于连接两个或多个数组。

语法:

array.concat(array1, array2, ..., arrayX)

代码示例:

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

const combinedNumbers = numbers1.concat(numbers2);

console.log(combinedNumbers); // [1, 2, 3, 4]

以上是 JavaScript 数组转换的几种常见方法。通过这些方法,我们可以对数组中的元素进行各种转换操作。