什么是数组

数组?

定义:可以存储一组数据的结构;

适用场景:大量的存储数据,单独时用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>

结果如图所示:
这里写图片描述
以上是我自己的理解,如有错误欢迎纠正!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值