JavaScript之数组相关知识

JS之数组相关知识

1、数组的声明
2、数组的赋值和取值
- 2.1 数组可以存储任意类型的数据
- 2.2 数组的取出
3、数组的length属性
4、数组的遍历
5、数组样例
6、数组的常用操作
7、数组的常用操作样例

1、数组的声明

1.1 方式一（声明一个空数组对象）

var arr = new Array();

1.2 方式二（声明一个指定长度的数组）

var arr = new Array(5);

1.3 方式三（声明数组（最常用））

var arr = [元素];

2、数组的赋值和取值

2.1 数组可以存储任意类型的数据

数组名[角标] = 值； //角标可以是任意的正整数或者是0

2.2 数组的取出

数组名[角标] //返回当前角标对应存储的值
如果角标不存在，返回undefined

3、数组的length属性

3.1 作用一

数组名.length //返回当前数组的长度

3.2 作用二

数组名.length = 新的值 //动态的改变数组的长度

3.3 注意

length>原有长度，则使用空进行填充
length < 原有长度，则从后面进行截取，最后的数据会被删除

4、数组的遍历

//普通for循环：
for(var i=0; i<arr.length; i++){
    alert(arr[i]);
}
//for-in循环:
for(var i in arr){
    alert(i); //获取的是角标
}
1
2
3
4
5
6
7
8

5、数组样例

DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width = device - width, initial - scale = 1.0">
    <meta http-equiv = "X-UA-Compatible" content = "ie-edge">
    <title>JavaScript之数组学习title>
    <script>
        //1、js数组声明
            //第一种声明方式
            var arr = new Array();
            arr[0] = "abc";
            alert(arr);
            //第二种声明方式
            var arr2 = new Array(5);
            alert(arr2.length);
            //第三种声明方式
            var arr3=[1,2,3,4,5];
            alert(arr3);
        //2、数组的赋值和取值
            //声明数组
            var arr = [];
            arr[0] = 2;
            arr[1] = "abc";
            arr[2] = true;
            arr[3] = new Date();
            arr[8] = "哈哈哈";
            alert(arr);
            alert(arr[8]);
        //3、数组的length属性
            var arr = [];
            alert(arr.length);
            arr.length = 100;
            alert(arr.length);
            arr[10] = "abc";
            alert(arr.length);
            arr.length = 3;
            alert(arr);
        //4、数组的遍历
            var arr = [1,2,3,"a",5];
            alert(arr);
            //遍历1
            for(var i=0; i<arr.length; i++){
                alert(arr[i]);
            }
            //遍历2
            for(var i in arr){
                alert(i); //获取的是角标
                alert(arrp[i]);
            }
    script>
head>
<body>
body>
html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

6、数组的常用操作

1、数组的合并：arr.concat(b,c); //数组的合并
2、数组指定间隔符转换字符串：var b = arr.join(“-”);
3、数组移除最后一个元素并返回：var ele = arr.pop();
4、数组的追加，返回新的长度：var ln = arr.push(“lol”); //追加的元素可以是一个数组，但是作为一个角标值存在
5、数组的移除第一个元素：var ele = arr.shift();
6、数组在开始位置插入指定元素：var a = arr.unshift(“又是周五了”);
7、数组删除指定位置元素：var arr2 = arr.splice(1,3,“a”);

7、数组的常用操作样例

DOCTYPE html>
<html lang = "en">
<head>
    <meta charset = "UTF-8">
    <meta name = "viewport" content = "width = device - width, initial - scale = 1.0">
    <meta http-equiv = "X-UA-Compatible" content = "ie-edge">
    <title>JS数组的常用操作title>
    <script>
            /*声明数组*/
            var arr = [1,"abc","张三","12"];
            /*数组的操作*/
                var b = ["今天天气不错","适合学习"];
                var c = "js";
                var d = arr.concat(b,c,c); //数组的合并
                alert(d);
                alert(d.length);
            /*数组指定间隔符转换字符串*/
                var b = arr.join("-");
                alert(typeof b);
            /*数组移除最后一个元素并返回*/
                var ele = arr.pop(); 
                alert(ele);
            /*数组的追加*/
                var ln = arr.push("lol");
                var ln2 = arr.push(["66",77]);
                alert(ln);
                alert(ln2);
            /*数组移除第一个元素*/
                var ele = arr.shift();
                alert(ele);
            /*数组的在开始位置插入指定元素*/
                var a = arr.unshift("又是周五了");
                alert(a);
            /*数组删除指定位置元素*/
                var arr2 = arr.splice(1,3,"a");
                alert(arr);
    script>
head>
<body>
    
body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

相关阅读:
golang--channal与select
大学生网页制作期末作业——html+css+javascript+jquery旅游官网6页 html大学生网站开发实践作业 web网页设计实例作业
前端基础建设与架构03 CI 环境上的 npm 优化及更多工程化问题解析
Java集合(Collection List Set Map)
【历史上的今天】11 月 11 日：腾讯成立；信息论先驱出生；阿德曼提出 DNA 计算
谣言检测论文精读——2.A Convolutional Approach for Misinformation Identification
Flutter 打印日志封装及创建Live Templates快捷打印日志
低功耗窗帘电机解决方案成功应用并通过 Matter 1.1 认证
学习和复习mysql这一篇就够了
组网神器WireGuard安装与配置教程（超详细）

原文地址：https://blog.csdn.net/qq_46106857/article/details/126243063