React开发（149）:二位数组的使用
Posted 前端小歌谣
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React开发（149）:二位数组的使用相关的知识，希望对你有一定的参考价值。
二维数组的定义
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
// 定义一维数组
var arr1 = [1,2,3,4]
var arr2 = [5,6,7,8]
var arr3 = [9,10,11,12]
// 定义二维数组
var group = [arr1,arr2,arr3]
</script>
</body>
</html>
二维数组的增删改查
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
// 二维数组的操作 增加，删除，修改， 查询
var group = [
[90,92,88],
[88,22,44],
[36,33,66]
]
// 获取二维数组中的元素，注意，通过下标获取的是一个数组
console.log(group[0])
//二维数组就多了一个下标
console.log(group[0][0])
// 删除元素
delete group[2][2]
console.log(group)
// 增加元素
group[1][group[1].length] = 100
// 批量添加元素
for (var i = 0; i < 100; i++) {
group[1][group[1].length] = i
}
// 修改元素
group[0][1] = 0
console.log(group)
</script>
</body>
</html>
二维数组的遍历
二维数组有两种for循环遍历方式，代码里面都有的。开发当中，主要看自己喜欢那一种。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var group = [
[90, 92, 88],
[88, 22, 44],
[36, 33, 66]
]
// for(var i = 0, len = group.length; i < len; i++) {
// // console.log(group[i])
// var arr = group[i]
// for(var j = 0, len = arr.length; j < len; j++) {
// console.log(arr[j])
// }
// }
// 二维数组遍历 其实就是两次循环嵌套
for (var i in group) {
var arr = group[i]
for(var j in arr){
console.log(arr[j])
}
}
</script>
</body>
</html>以上是关于React开发（149）:二位数组的使用的主要内容，如果未能解决你的问题，请参考以下文章