美文网首页收藏好的文章到这个专题
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>

相关文章

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

    一.用forEach来遍历数组 (forEach有缺点,建议用方法二for of遍历数组) 图 代码 二.for ...

  • js、jquery 数组使用

    定义一个数组var arr = []; 一、js数组 1、数组添加元素: 1.1给数组末尾添加元素: arr.pu...

  • Lesson13渲染列表数据

    往 {} 放一个数组,React.js 会帮你把数组里面一个个元素罗列并且渲染出来 使用JSX标签包裹数组元素效果...

  • js数组合并

    js数组合并的方法 1.for循环遍历其中一个数组,把该数组中的所有元素依次push到另外一个数组中 2.conc...

  • 数组函数

    .push():简单的方法将数据追加到一个数组的末尾。 .pop():“抛出”(删除)一个数组末尾的值。 .shi...

  • 精通jquery笔记

    1、数组方法: concat(otherArray) 把otherArray的元素添加到数组末尾 join(s...

  • 前端JavaScript中array数组的基础相关方法-管理数组

    一、push 压入元素,直接改变元数组,返回值为数组元素数量操作:操作原数组末尾,直接在原数组的末尾进行元素添加。...

  • 面试题11:旋转数组

    把一个数组最开始的若干个元素搬到数组的末尾,成为数组的旋转。输入一个递增排序的数组的一个旋转,输出数组的最小元素。...

  • 两个数组对比,取出相同的元素

    两个数组,一个为普通数组,一个是对象数组,取出两个数组里不相同的元素 算法:

  • Swift学习笔记-数组

    创建数组 访问和修改数组元素 获取数组元素数量 添加和删除数组元素 遍历数组 使用加法添加一个数组到另外一个数组 ...

网友评论

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

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

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