JavaScript 数据结构之数组

梦里梦外; 2023-10-10 11:36 19阅读 0赞

## JavaScript 数据结构之数组思维导图: ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70][]

## JavaScript 数据结构之数组源码: ##

<html>
        <body>
            <script>
                console.log('数据结构之数组')
                // 数组定义
                var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
                /******************************数组简单操作*************************************************************/
                // 数组遍历
                arr.forEach(function (item) {
                    console.log(item);
                });
                // 数组追加之末尾
                arr.push(10);
                 // 数组遍历
                 arr.forEach(function (item) {
                    console.log(item);
                });
                //数组追加之首位
                arr.unshift(-1);
                // 数组遍历
                  arr.forEach(function (item) {
                    console.log(item);
                });
                // 数组移除之末尾
                arr.pop();
                // 数组遍历
                arr.forEach(function (item) {
                    console.log(item);
                });
                // 数组移除之首位
                arr.shift();
                // 数组遍历
                arr.forEach(function (item) {
                    console.log(item);
                });
                // 数组删除或替换指定位置一个或几个元素
                arr.splice(0, 2);//[2,3,4,5,6,7,8,9,10,11] 删除
                arr.forEach(function (item) {
                    console.log(item);
                });
                arr.splice(2, 3, 6, -1);//[2, 3, 6, -1, 7, 8, 9] 修改
                arr.forEach(function (item) {
                    console.log(item);
                });
                arr.splice(5, 0, 3, 2, 1);//[2, 3, 6, -1, 7, 3, 2, 1, 8, 9] 插入
                arr.forEach(function (item) {
                    console.log(item);
                });
                arr.splice(5, 3, 'a', 'b', 'c');//[2, 3, 6, -1, 7, "a", "b", "c", 8, 9] 修改
                arr.forEach(function (item) {
                    console.log(item);
                });
    
                /******************************数组复杂操作*************************************************************/
                // 数组合并
                var arr1 = [1, 2, 3];
                var arr2 = [3, 2, 1];
                var newArr1 = arr1.concat(arr2);//[1, 2, 3, 3, 2, 1]
    
                newArr1.forEach(function (item) {
                    console.log(item);
                });
    
                // 数组筛选
                var newArr2 = newArr1.filter(function (item) {
                    return item < 3
                }); //[1, 2, 2, 1]
    
                newArr2.forEach(function (item) {
                    console.log(item);
                });
    
                // 数据判断是否包含指定元素
                var flag = newArr1.some(function (item) {
                    return item === 3;
                });//true
                console.log("is contain:" + flag)
    
                // 数组元素累加
                var sum = newArr1.reduce(function (pre, cur) {
                    return pre + cur
                });//12
                console.log("sum is:" + sum)
    
            </script>
        </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200928003250359.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3V6aGl3ZW5nYW5n,size_16,color_FFFFFF,t_70