• JavaScript数组


    Array可以包含任意的数据类型

    var arr = [1,2,3,4,5,6];//通过下标取值和赋值
    
    • 1

    1、长度

    arr.length
    
    • 1

    注意:假如给arr.lennth赋值,数组大小就会发生变化~,如果赋值过小,元素就会丢失

    2、indexOf

    通过元素获得下标索引

    arr.indexOf(2) // 1
    
    • 1

    字符串的""1""和数字 1 是不同的

    3、slice()

    截取Array的一部分,返回的一个新数组,类似于String中substring

    4、push(),pop()

    push:压入到尾部
    pop:弹出尾部的一个元素
    
    • 1
    • 2

    5、unshift(),shift()

    unshift:压入到头部
    shift:弹出头部的一个元素
    
    • 1
    • 2

    6、排序sort()

    (3)["B","C","A"]
    arr.sort()
    (3)["A","B","C"]
    
    • 1
    • 2
    • 3

    7、元素反转reverse()

    (3)["A","B","C"]
    arr.reverse()
    (3)["C","B","A"]
    
    • 1
    • 2
    • 3

    8、concat()

    注意:concat()并没有修改数组,只是会返回一个新的数组

    9、连接符join

    打印拼接数组,使用特定的字符串连接

    10、多维数组

    数组:存储数据(如何存,如何取,方法都可以自己实现!)

    11、源码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            // 定义
            var arr = [1,2,3,4,5,6];
            // 打印
            console.log(arr); // [1, 2, 3, 4, 5, 6]
            // 给 arr.length 赋值,数组大小就会发生变化
            arr.length = 10;
            // arr[7~9] undefined
            // 如果赋值过小,元素会丢失,过大,元素 undefined
            arr.indexOf(3); // 元素下标索引
            arr.slice(3);   // [4, 5, 6, empty × 4]    相当于 substring
            arr.push(7);    // 11  在最后面添加元素
            arr.pop();      // 7   弹出尾部的元素
            arr.unshift(0); // 11  头部插入元素
            arr.shift();    // 0   头部弹出元素
            arr.sort();     // [1, 2, 3, 4, 5, 6, empty × 4]   排序
            arr.reverse();  // [empty × 4, 6, 5, 4, 3, 2, 1]   元素反转
            // [empty × 4, 6, 5, 4, 3, 2, 1, ""a"", ""b""] 拼接数组,并没有修改数组,只是会返回一个新的数组
            arr.concat(["a","b"]); 
            arr.join('-');  // ----6-5-4-3-2-1 打印拼接数组,使用特定的字符串链接
        </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
  • 相关阅读:
    LeetCode每日一题(2149. Rearrange Array Elements by Sign)
    【数据结构】前言
    请看看我的stata回归分析思路有没有问题?
    Linux下中间件tomcat安装配置(阿帕奇猫)
    802.1Qbb
    CGAL Mesh网格分割(基于平面)
    elasticsearch和mongodb对比
    使用funcgraph-retval和bpftrace/kprobe快速定位并解决cpu控制器无法使能的问题
    【Qt之QMapIterator】检测是否为空
    js制作的模拟超逼真下雨效果
  • 原文地址:https://blog.csdn.net/Q1575290554/article/details/125496822