3.js中数组的操作-CSDN博客

本文链接：https://blog.csdn.net/a1498665771/article/details/128899864

文章详细介绍了如何在JavaScript中创建和操作数组，包括通过简洁方式和构造函数创建，以及数组的增、删、改、查等基本操作。还讨论了splice方法用于删除和替换元素，join方法将数组转换为字符串，以及concat方法用于拼接数组但不改变原数组。

摘要由CSDN通过智能技术生成

1、创建数组

<script>
        // 简洁创建
        var arr = [1,2,true,'hh'];
        console.log(arr);
        // 通过构造函数创建
        var arr1 = new Array(1,2,4,'hhh');
        console.log(arr1);

        // 获取数组中的元素
        console.log(arr[2]);
        // 获取数组的长度
        console.log(arr1.length);
    </script>

2、数组的操作

2.1 简单增删改查操作

增加元素

<script>
        var list =[1,2,'aa',true];
        // 增加操作
        // 1.索引
        list[4]='jh';
        console.log(list); // [1, 2, 'aa', true, 'jh']
        list[6] = 'sda';
        // console.log(list); // [1, 2, 'aa', true, 'jh', 空白, 'sda']
        // 2.尾部增加
        list.push("asd");
        console.log(list); // [1, 2, 'aa', true, 'jh', 'asd']
        // 3.头部增加
        list.unshift('hha'); 
        console.log(list); // ['hha', 1, 2, 'aa', true, 'jh', 'asd']
    </script>

删除元素

<script>
        var list =[1,2,'aa',true];
        // 删除操作
        // 尾部删除
        list.pop();
        console.log(list); // [1, 2, 'aa']
        // 头部删除
        list.shift();
        console.log(list); // [2, 'aa']
    </script>

改/查

<script>
        var list =[1,2,'aa',true];
        // 更改操作
        list[0]='da';
        console.log(list); // ['da', 2, 'aa', true]
        // 查
        console.log(list[0]); // da
    </script>

2.2 高级操作

splice()
- 删除或替换元素
- 返回值是操作后的数组，原数组也会改变

<script>
        var list =[1,2,'aa',true];
        // 删除
        // 第一个参数表示从数组某个索引开始删除
        // 第二个参数表示从该索引开始删除几个元素
        list.splice(1,2);
        console.log(list); // [1, true]
        // 替换
        list.splice(1,1,'ff','ff','ff','ff');
        console.log(list); // [1, 'ff', 'ff', 'ff', 'ff']
        // 清空
        list.splice(0);
        console.log(list); // []
    </script>

join()
- 将数组类型的数据转换成字符串类型
- 可以自定义拼接符号

<script>
        var list =[1,2,'aa',true];
        console.log(list.join('&')); // 1&2&aa&true
        console.log(list.join('')); // 12aatrue
    </script>

concat()
- 拼接多个数组，不会改变原有数组

<script>
        var list =[1,2,'aa',true];
        var list1 =[3,5,'sda'];
        console.log(list.concat(list1)); // [1, 2, 'aa', true, 3, 5, 'sda']
        console.log(list.concat(list)); //  [1, 2, 'aa', true, 1, 2, 'aa', true]
    </script>