数组类型详解

最新推荐文章于 2024-03-05 11:33:51 发布

原创最新推荐文章于 2024-03-05 11:33:51 发布

· 1.5k 阅读

0 ·

版权

文章标签：

#javascript

JavaScript 专栏收录该内容

23 篇文章

订阅专栏

本文深入介绍了JavaScript中的数组操作，包括定义、访问元素、修改长度、截取、添加与删除元素、排序、拼接及数组的特殊方法如slice、push、pop、unshift和shift。示例代码展示了如何在实践中运用这些方法，帮助理解数组的各种操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

Array是数组类型，数组是一种非常重要的数据类型，它可以将多个不同类型的数据项存储到一个结构体中，这个结构体就是数组，每个数据项称为数组的元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        'use strict';

        var arr = [2,4,5,66,5,7,9,0];
        console.log(arr);

        //长度
        console.log(`字符串长度：` , arr.length);

        //注意：假如给arr.length赋值，数组大小就会发生变化，如果赋值过小，超出的元素就会丢失
        arr.length = 15;
        console.log(`赋值过大的字符串：` , arr);

        arr.length = 3;
        console.log("赋值过小的字符串：" , arr);

        //根据下标改变字符串元素
        arr[0] = 100;
        console.log(arr);

        //数组中，字符串"?" 和数子？,是不同的
        var arr2 = [1,3,5,6,'3'];
        console.log(`数字3：` , arr2.indexOf(3));
        console.log(`字符串3：` , arr2.indexOf("3"));

        //slice()截取数组的一部分，返回一个新数组，相当于String中的substring方法
        var arr3 = [23,45,32,56,65,756];
        console.log(`截取后的字符串：` , arr3.slice(1 , 4));

        //push,pop方法
        var arr4 = [2,4,6,3,6,7,8,9,10];
        arr4.push("a");//向数组尾部添加元素
        console.log(arr4);
        arr4.pop();//将数组的最后一个元素去除
        console.log(arr4);

        //unshift、shift方法
       // unshift  向数组头部添加元素
       // shift    将数组的第一个元素去除

        //数组的排序
        var arr5 = ["B" , "C" , "A"];
        console.log(arr5.sort());//sort方法，数组排序
        console.log(arr5.reverse());//reverse方法，数组反转

        //数组拼接
        console.log(arr5.concat([1,2,3]));//返回一个新数组，原来的数组没有改变


        //连接符join
       console.log(arr5.join("-"));

       //二维数组定义
        var arr6 = [[1,67] , [3,7,9,0] , [4,8] ,[7,99,0]];
        console.log(arr6);
    </script>
</head>
<body>

</body>
</html>