js二维数组

我们经常会用到二维数组，但是javaScript没有二维数组，那么我们应该咋办呢？就是在一维数组里面在创建一个一维数组。

var arr = new Array(10);
for (var i = 0; i < arr.length; i++) {arr[i]=new Array(8);
//不一定写for循环赋值，还可以直接赋值，在数量有限的情况下for (var j = 0; j < 8; j ++) {a[i][j]=i+j;}

谨慎使用childNodes

childNodes是获取一个节点下的所有子节点，当我想获取的只是li节点的时候，我以为数组长度应该是7的时候，没想到数组的长度是15；不仅包括li元素还

 <ul id="source"><li>北京空气质量：<b>90</b></li><li>上海空气质量：<b>70</b></li><li>天津空气质量：<b>80</b></li><li>广州空气质量：<b>50</b></li><li>深圳空气质量：<b>40</b></li><li>福州空气质量：<b>32</b></li><li>成都空气质量：<b>90</b></li></ul>
<script>
var sourceList=document.getElementById("source").childNodes;console.log(sourceList);
</script>

如何提取子元素和文本节点的值

提取上述 <li>北京空气质量：90</li>，提取出里面的“北京空气质量”，“90”并放入二维数组中

function getData() {var data=new Array(7);var source=document.getElementById("source");var cites=source.getElementsByTagName("li");var bList=document.getElementsByTagName("b");for (var i = 0; i < cites.length; i++) {data[i]=new Array(2); data[i][0]=cites[i].innerHTML.substring(0,cites[i].innerHTML.indexOf("<b>"));  data[i][1]=bList[i].innerHTML;}

//首先是获取所有的li元素

var source=document.getElementById("source");

var cities=source.getElementsByTagName("li");

//获取里面的文本

for(var i=0;i<cities.length;i++)

{

cites[i].innerHTML.substring（0,cites[i].innerHTML.indexOf("")）；//获取到文本

//innerHTML获得的值是：北京空气质量：90

通过indexOf找到特殊字符，返回特殊字符的位置，这样substring才能返回正确的子字符串

}

//获取里面的数字

var bList=document.getElementsByTagName("b");