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

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>
原文链接：https://blog.csdn.net/zhouzhiwengang/article/details/108839790