【js】数组学习笔记(7-2)

简介: 【js】数组学习笔记(7-2)


什么是二维数组?

定义:一维数组的元素可以是一个数组,就构成了二维数组。我可以把一维数组理解为excel表格中的一行多列,二维数组则是多行多列

如何创建二维数组?

✨二维数组的创建方法和一维数组类似,可以通过直接声明或创建Array对象等方法实现

//方法一
        var arr=[[1,2,3],["a","b","c"],[2,3,4]];//创建一个3行3列的数组,并赋值
        document.write(arr[1][2]);//输出第2列第3行所在的元素c
//输出元素c
        var arr=new Array();//先创建一个空数组
        arr[0]=new Array(1,2,3);
        arr[1]=new Array("a","b","c");
        arr[2]=new Array(2,3,4);
        document.write(arr[1][2]);//输出第2列第3行所在的元素c

什么是遍历二维数组?

二维数组的遍历需要用到双重循环,外循环控制的是二维数组的长度,内循环控制的是逐个一维数组的长度

⏺️使用for循环实现二维数组遍历

//for循环实现二维数组遍历
        var arr=new Array(new Array(1,2,3),new Array("a","b","c"),new Array(2,3,4));
        for(var i=0;i<arr.length;i++){//外重循环,arr.length得到的二维数组的长度
            for(var j=0;j<arr[i].length;j++){
                document.write(arr[i][j]+" ");//内重循环arr[i].length得到的是当前一维数组的长度
            }
            document.write("<br>");
        }

输出结果如下:

数组特有方法有哪些?

数组(7-1)中提到了一些常用的数组方法,这里给大家介绍的是join() 方法,concat()方法,slice()方法,reverse()方法

join()方法:用于把数组中的所有元素放入一个字符串中,元素是通过指定的分隔符进行分隔

语法:arrayObject.join(sparator分隔符)

返回值:返回一个字符串。该字符串是通过arrayObject的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入separator字符串生成。

//数组join()方法
        var arr=new Array(3);
        arr[0] = "wendy";
        arr[1] = "rose";
        arr[2] = "tom";
        var sresult1=arr.join();
        document.write(sresult1+"<br>");
        var sresult2 = arr.join("!");
        document.write(sresult2);

输出结果显示

concat()方法:用于来连接两个或多个数组

语法:arrayObject.concat(arrayX,arrayX,…,arrayX)

参数:arrayX是必需的,其可以是具体的值,也可以是数组对象

返回值:返回一个新的数组。该数组是通过把所有arrayX参数添加到目标数组中生成的

//concat()方法
        var a=[1,2,3];
        var b=a.concat("s1","s2");
        document.write(b);//1,2,3,s1,s2

slice()方法:可从已有的数组中返回选定的元素

语法:arrayObject.slice(start,end)

参数:start是必需的,用来规定从何处开始选取,第一个元素为0,如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1指最后一个元素,-2指倒数第二个元素,以此类推。

end可选,用来规定从何处结束选取,该参数是数组片段结束处的数组下标。

返回值:返回一个新的数组,包含从start到end的arrayObject中的元素。注意:这个方法不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用Array.splice().

//slice()方法
        var arr=new Array(3);
        arr[0] = "wendy";
        arr[1] = "rose";
        arr[2] = "tom";
        document.write(arr+"<br>");
        var arr2=arr.slice(1,2);
        document.write(arr2+"<br>");
        document.write(arr);

输出结果如下:

reverse()方法:用于颠倒数组中元素的顺序。它会改变原来的数组,而不会创建新的数组

语法:arrayObject.resverse()

//reverse()方法
        var arr=new Array(3);
        arr[0] = "wendy";
        arr[1] = "rose";
        arr[2] = "tom";
        document.write(arr+"<br>");
        arr.reverse();
        document.write(arr);

本章学习总结

数组是一种非常基础的数据结构,它可以存储一组有序的数据,并且可以快速地进行访问和操作。在实际应用中,我们可以根据具体的场景来选择合适的数据结构,以提高程序的效率和性能。

目录
相关文章
|
2月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
40 2
|
2月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
31 3
|
2月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
47 4
|
2月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
49 1
|
2月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
29 5
|
2月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
20 3
|
2月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
67 1
|
2月前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
30 0
|
2月前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
30 3
|
3月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示