JavaScript中的数组应用

最新推荐文章于 2022-03-10 19:42:33 发布

不懂老爱瞎逼逼

最新推荐文章于 2022-03-10 19:42:33 发布

阅读量276

点赞数

分类专栏： JavaScript 文章标签： javascript html5

本文链接：https://blog.csdn.net/qq_37493515/article/details/104957196

版权

JavaScript 专栏收录该内容

36 篇文章 1 订阅

订阅专栏

一、数组：
定义：数据的集合，可以存储多个单元的数据
数组中的数据单元,可以是任意形式的数据内容(数组,对象,函数)
1、字面量：

var 变量 == [数据1，数据2，数据3，.....];

在[]中括号中各个数据用逗号隔开，
2、数组的嵌套：

var 变量 == [数据1，数据2，数据3，[数据1，数据2，数据3，.....]，[数据1，数据2，数据3，.....]，[数据1，数据2，数据3，.....]，[数据1，数据2，数据3，.....].....];

二、数组的调用：
1、简单数组的调用：

var arr = [1,2,3,4,5];
//调用数组中第一个数据
console.log(arr[0]);
//调用数组中第二个数据
console.log(arr[1]);
//调用数组中第三个数据
console.log(arr[2]);
//调用数组中第n个数据，如果n大于数组个数，执行结果为undefined
console.log(arr[n]);

2、嵌套数组的调用：

var arr2 = ['北京' , '上海' , '广州' , ['a' , 'b' , 'c' , 'd']];
//调用第三个数据：广州
console.log(arr2[2])
//调用第四个数据：['a' , 'b' , 'c' , 'd']
console.log(arr2[3])
//调用第四个数据中的第一个数据
console.log(arr2[3][0])

三、数组的length属性：
1、是数组特有的属性,表示数组的长度,也就是单元的个数
2、数组中最大的索引下标是 length-1
3、获取length属性值 : 数组变量.length

四、数组的应用：
1、根据数组的内容,填充页面中的表格

<body>
    <table>
        <thead>
            <tr>
                <td>序号</td>
                <td>姓名</td>
                <td>年龄</td>
                <td>地址</td>
                <td>性别</td>
            </tr>
        </thead>
        <!-- 给标签定义id属性和属性值,通过属性值来操作标签 -->
        <tbody id="tb"></tbody>
    </table>
    <script>
        // 建立数组,模拟本地数据信息
        var arr = [
            ['张123',18,'北京','男'],
            ['李四',19,'上海','女'],
            ['王五',20,'广州','男'],
            ['赵六',21,'重庆','女'],
        ];
        // 定义变量,存储生成的字符串内容,使用 += 拼接字符串形式
        var str = '';
        // 外层循环,生成tr
        for(var i = 0 ; i <= arr.length-1 ; i++){
            // 定义tr标签
            str += '<tr>';
            // 第一个单元格是序号,内容是一维索引+1
            str += `<td>${i+1}</td>`;
            // 内层循环,生成其他td标签,内容是二维数组内容
            for(var j = 0 ; j <= arr[i].length-1 ; j++){
                str += `<td>${arr[i][j]}</td>`; 
            }
            str += '</tr>';
        }
        // 将循环生成的字符串,写入到tbody标签中
        tb.innerHTML = str;
    </script>
</body>

2、当然还能做很多html页面的填充

不懂老爱瞎逼逼

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的数组应用

一、数组：定义：数据的集合，可以存储多个单元的数据数组中的数据单元,可以是任意形式的数据内容(数组,对象,函数)1、字面量：var 变量 == [数据1，数据2，数据3，.....];在[]中括号中各个数据用逗号隔开，2、数组的嵌套：var 变量 == [数据1，数据2，数据3，[数据1，数据2，数据3，.....]，[数据1，数据2，数据3，.....]，[数据1，数据2，数据3...
复制链接

扫一扫