轻松驾驭JavaScript之二位数组抽丝剥茧法

2023-04-25 16:26:06

从二维数组抽丝剥茧：JavaScript抽取元素的3种妙招

引言

JavaScript，一骑绝尘的编程语言巨擘，在数组操作的领域里更是独领风骚。本文将带领你深入探秘JavaScript从二维数组中抽取元素组成新数组的三个绝佳方法，助你轻松应对数据处理的层层挑战。

方法一：for循环逐一击破

for循环，JavaScript的基石之一，在数组操作中大展身手。让我们用它来逐一抽取二维数组每一行的第一个元素：

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

const firstColumnArray = [];

for (let i = 0; i < twoDimensionalArray.length; i++) {
  firstColumnArray.push(twoDimensionalArray[i][0]);
}

console.log(firstColumnArray); // 输出：[1, 4, 7]

方法二：map函数一网打尽

map函数，JavaScript的得力助手，能高效地将数组中的每一个元素都送进指定函数的“炼丹炉”，并返回炼制后的成果。

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

const firstColumnArray = twoDimensionalArray.map((row) => row[0]);

console.log(firstColumnArray); // 输出：[1, 4, 7]

方法三：filter函数剔除冗余

filter函数，JavaScript的过滤大师，能从数组中剔除所有不符合指定条件的元素，只留下精华。

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

const firstColumnArray = twoDimensionalArray.filter((row) => row.length > 0).map((row) => row[0]);

console.log(firstColumnArray); // 输出：[1, 4, 7]