美文网首页收藏好的文章到这个专题
js数组操作——把一个数组里的元素追加到另外一个数组末尾

js数组操作——把一个数组里的元素追加到另外一个数组末尾

作者: 李chun | 来源:发表于2018-08-06 17:56 被阅读18次

    一.用forEach来遍历数组

    (forEach有缺点,建议用方法二for of遍历数组)

    image.png image.png

    代码

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <h3>把一个数组里的元素追加到另外一个数组末尾</h3>
            <script type="text/javascript">
                //定义两个数组
                var arr = ["西安市", "咸阳市", "宝鸡市", "渭南市"]
                var arr2 = [1,2,[3.1,3.2],4,5];
                //一方法.用forEach来遍历数组,(forEach有缺点,建议用方法二for of遍历数组)
                arr2.forEach(function(i){
                    arr.push(i);
                })
            </script>
        </body>
    </html>
    
    

    二.for of遍历数组

    image.png image.png

    代码

    <script type="text/javascript">
                
                //定义两个数组
                var arr = ["西安市", "咸阳市", "宝鸡市", "渭南市"]
                var arr2 = [1,2,[3.1,3.2],4,5];
                
                //二方法.for of遍历数组
                //for of 遍历第二个数组,i是数组的每一个元素
                for (let i of arr2) {
                    arr.push(i)
                }
            </script>
    

    三.完整代码

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>js数组操作——把一个数组里的元素追加到另外一个数组末尾</title>
        </head>
        <body>
            <h3>js数组操作——把一个数组里的元素追加到另外一个数组末尾</h3>
            <script type="text/javascript">
                
                //定义两个数组
                var arr = ["西安市", "咸阳市", "宝鸡市", "渭南市"]
                var arr2 = [1,2,[3.1,3.2],4,5];
                
                
                //一方法.用forEach来遍历数组,(forEach有缺点,建议用方法二for of遍历数组)
                /*arr2.forEach(function(i){
                    arr.push(i);
                })*/
                
                //二方法.for of遍历数组
                //for of 遍历第二个数组,i是数组的每一个元素
                for (let i of arr2) {
                    arr.push(i)
                }
            </script>
        </body>
    </html>
    
    

    相关文章

      网友评论

      • 秋无衣:arr1.push(...arr2)
        秋无衣:@李chun 我看了一下你的博文, 不清楚你工作了没, 进大厂的话有的内容不太对.... 进小厂及早做一个项目, 小厂更重实战
        李chun:@秋无衣 好的,谢谢.
        这些属于很基础的数组操作.
        当时还是没系统学习js基础.现在学习中

      本文标题:js数组操作——把一个数组里的元素追加到另外一个数组末尾

      本文链接:https://www.haomeiwen.com/subject/dsbgvftx.html