数组?
定义:可以存储一组数据的结构;
适用场景:大量的存储数据,单独时用var,批量用Array;(上限2的32次方减1,(232 - 1)=4294967295)
特点:有下标,长度,按照一定的结构顺序存储,便于查询;
声明数组:[number,“string”,Boolean,undifined,null,object,function,Array]
例如:
<script>
var arr=[18,"hz",,19];//稀疏数组;
console.log([2],arr,arr.length);
</script>
数组的length属性==>可写
indexOf==>下标 判断是否有此数据
面试题:数组去重+排序(indexOf()==>查到返回下标,否则返回-1)
数组的声明:
var arr2=['hz']; arr2[0]=18; console.log(arr2)
var arr2=['hz',12,18,19];//拿到数组的倒数第一位的数据;
console.log(length,arr2.length,arr2[arr2.length-1],arr2[arr2.length]);//
2、关键词
var arr3=Array(2);//声明数组的空间个数;
//在js中的内置对象,首字母大写;
arr3[0]=20;
console.log(arr3);
var arr4=new Array();
//声明立即赋值;
var arr5=Array(12,13,14);
console.log(arr5);
//二维数组;
var arr6=[[2,3,4]];
console.log(arr6.indexOf(arr6[0]);等于console.log(arr.indexOf([2,3,4]));//返回0;
var arr7=[[1,2,3],[4,5,6],[7,8,9]];
console.log(arr7[0],arr7[0][0])//输出:[1,2,3];1//注意:console.log([0,1]);此处1会覆盖0,以此类推!
//三维数组
var arr8=[[[12]],[13],14];
console.log(arr8[0][0][0],arr8[1][0],arr8[2]);//提取12;13;14
console.log(arr8[0][0].indexOf(12),arr8[1].indexOf(13),arr8.indexOf(14));//查出12;13;14;的下标
如何使用Array([[]])二维数组 声明和赋值个人信息 并且通过双循环 取出个人信息添加到table中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Array</title>
<style>
table{
border-style: solid;
width: 300px;
height: 300px;
border-collapse: collapse;
}
td{
border-style: solid;
border-color: black;
}
</style>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<script>
var arr99=[["姓名","小白"],["年龄",23],["性别","男"],["籍贯","淳安"]];
let num=0;
var len=arr99.length;
var td=document.getElementsByTagName('td');
for (var i=0;i<len;i++) {
for (var j=0;j<arr99[i].length;j++){
td[num].innerHTML=arr99[i][j];
num++
}
}
</script>
</body>
</html>
结果如图所示:
以上是我自己的理解,如有错误欢迎纠正!