实现向数组末尾追加一个元素的多种方式

1.可以利用数组的长度和索引向数组末尾追加一个元素`

        //定义一个数组
		var arr=[];
        //增加数组的长度
		arr.length=5;
		console.log(arr);			//[empty × 5]
        //利用索引给数组的最后一个元素赋值
		arr[4]=123;
        //打印结果
		console.log(arr);			//[empty × 4, 123]

2.利用数组方法push在数组的尾部增加数据,增加的数据是push的参数

        //定义一个数组
		var arr = ["hello",3,4,5,"world"];
        console.log(arr);			//["hello", 3, 4, 5, "world"]
        //直接利用push方法向最后数组末尾添加元素
        arr.push(123); 
        console.log(arr);			//["hello", 3, 4, 5, "world", 123]

3.利用splice参数为三个时的功能向数组末尾增加数据

        //定义一个数组
	    var arr = ["hello",3,4,5,"world"];
        console.log(arr);			//["hello", 3, 4, 5, "world"]
        console.log(arr.length);	//5
        //利用splice从指定索引,删除指定个数个元素(这里定为0),填充第三个参数向后所有的数据
        arr.splice(arr.length,0,"张三");
        console.log(arr);			//["hello", 3, 4, 5, "world", "张三"]

4.使用合并数组的方法,将要添加的数据设为一个单独的数组,然后合并

        //定义一个数组arr1
	    var arr1 = ["a","b"];
        //定义一个数组arr2
        var arr2 = [4];
        //将arr2合并到arr1后边
        arr1.concat(arr2);			
        var res = arr1.concat(arr2);
        console.log(res);		//["a", "b", 4]

5.利用reverse和unshift最终实现向数组末尾添加数据

        //定义一个数组
		var arr=["hello",3,4,5,"world"];
        //将arr数组进行逆序排列
      	arr.reverse();
     	console.log(arr);		//["world", 5, 4, 3, "hello"]
        //再利用向数组头部增加元素的方法添加元素
      	arr.unshift("a");			
      	console.log(arr);		//["a", "world", 5, 4, 3, "hello"]	
        //再次利用reverse将数组逆序排列,得到最后结果
      	arr.reverse();
     	console.log(arr);		//["hello", 3, 4, 5, "world", "a"]

以上就是本人总结的一些利用数组的操作实现向数组末尾添加元素的方式,欢迎大家讨论和指导😊

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐