• JavaScript之数组相关知识

    JS之数组相关知识

    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
  • 相关阅读:
    你真的了解JavaScript里的箭头函数(Arrow Function)吗？
    索尼 toio™ 应用创意开发征文｜toio™——激发儿童创造力的创意玩具
    你是不是足够了解Lambda表达式？
    SQL Server 2008+ 性能调优
    P27 含并行连结的网络 GoogLeNet / Inception V3
    阿里云服务器配置选择方案_CPU内存_带宽_系统盘
    WebWall-02.Burt Force(暴力破解漏洞)
    java计算机毕业设计高校医务管理系统源程序+mysql+系统+lw文档+远程调试
    APP自定义身份证相机(Android +iOS)
    Java 字节流
  • 原文地址：https://blog.csdn.net/qq_46106857/article/details/126243063