jQuery Each构造二维数组
在日常的编程中，我们经常需要处理二维数组的情况。二维数组是由一维数组组成的数组，它可以用来表示矩阵、表格等数据结构。在JavaScript中，可以使用jQuery库中的each方法来构造和处理二维数组。
jQuery Each方法简介
jQuery是一种广泛使用的JavaScript库，它提供了很多便捷的方法来操作DOM、处理事件和执行动画等。其中，each方法是jQuery的一个常用方法，用于遍历一个数组或对象，并对其中的每个元素执行指定的操作。
each方法的基本用法如下：
$.each(array, function(index, value) {
// 对每个元素执行的操作
});
其中，array表示要遍历的数组或对象，index表示当前元素的索引，value表示当前元素的值。在each方法中，可以通过return false来停止遍历。
构造二维数组
现在，我们来看一个使用each方法构造二维数组的例子。假设我们有一个包含学生姓名和成绩的表格，我们可以使用each方法遍历表格的每一行，并将姓名和成绩构造成一个二维数组。
// HTML代码
<table id="student-table">
<tr>
<th>姓名</th>
<th>成绩</th>
</tr>
<tr>
<td>张三</td>
<td>90</td>
</tr>
<tr>
<td>李四</td>
<td>80</td>
</tr>
<tr>
<td>王五</td>
<td>70</td>
</tr>
</table>
// JavaScript代码
var studentArray = [];
$('#student-table tr').each(function(index, row) {
var name = $(row).find('td:nth-child(1)').text();
var score = $(row).find('td:nth-child(2)').text();
studentArray.push([name, score]);
});
上面的代码首先使用each方法遍历了表格的每一行，然后通过find方法找到每一行中对应的姓名和成绩的单元格，并使用text方法获取其内容。最后，将姓名和成绩构造成一个一维数组，并使用push方法添加到二维数组studentArray中。
二维数组的遍历和操作
构造好二维数组后，我们可以使用each方法对其进行遍历和操作。下面是一个遍历二维数组的例子，计算所有学生的平均成绩：
var totalScore = 0;
$.each(studentArray, function(index, student) {
var score = parseInt(student[1]);
totalScore += score;
});
var averageScore = totalScore / studentArray.length;
console.log('平均成绩：' + averageScore);
上面的代码通过each方法遍历了studentArray二维数组，对每个学生的成绩进行累加，并最后计算平均成绩。
除了遍历，我们还可以使用each方法对二维数组进行其他操作，比如查找指定条件的学生：
var targetStudent = null;
$.each(studentArray, function(index, student) {
if (student[0] === '张三') {
targetStudent = student;
return false; // 找到目标学生，停止遍历
}
});
console.log(targetStudent);
上面的代码通过each方法遍历了studentArray二维数组，当找到姓名为张三的学生时，使用return false停止遍历，并将目标学生赋值给targetStudent变量。
甘特图
以下是一个使用mermaid语法绘制的甘特图，展示了使用each方法构造二维数组的过程：
gantt
title 构造二维数组甘特图
section 构造二维数组
HTML代码: 2021-01-01, 3d
JavaScript代码: 2021-01-04, 5d
section 遍历和操作二维数组
遍历二维数组: 2021-01-09, 3d
计算平均成绩: 2021-01-12, 2d
查找指定条件的学生: 2021-01-14
