如何在JavaScript中将对象(如字符串或数字)附加到数组中?
当前回答
现在大多数浏览器都支持ECMAScript 5(ES5)标准的JavaScript,您可以使用apply()将array1附加到array2。
var array1 = [3, 4, 5];
var array2 = [1, 2];
Array.prototype.push.apply(array2, array1);
console.log(array2); // [1, 2, 3, 4, 5]
带有ECMAScript 6(ES6)标准的JavaScript,Chrome、Firefox、Internet Explorer和Edge支持该标准,您可以使用扩展运算符:
"use strict";
let array1 = [3, 4, 5];
let array2 = [1, 2];
array2.push(...array1);
console.log(array2); // [1, 2, 3, 4, 5]
排列运算符将替换array2.push(…array1);带有阵列2.推(3,4,5);当浏览器思考逻辑时。
加分
如果要创建另一个变量来存储两个数组中的所有项,可以执行以下操作:
ES5 var combinedArray=array1.concat(array2);
ES6常量组合数组=[…array1,…array2]
扩展运算符(…)用于扩展集合中的所有项目。
其他回答
您可以使用JavaScript Spread运算符语法:
// Initialize the array
var arr = [
"Hi",
"Hello",
"Bangladesh"
];
// Append a new value to the array
arr = [...arr, "Feni"];
// Or you can add a variable value
var testValue = "Cool";
arr = [...arr, testValue ];
console.log(arr);
// Final output [ 'Hi', 'Hello', 'Bangladesh', 'Feni', 'Cool' ]
如果您知道最高索引(例如存储在变量“i”中),那么您可以
myArray[i + 1] = someValue;
然而,如果你不知道,那么你可以使用
myArray.push(someValue);
如其他答案所示,或者您可以使用
myArray[myArray.length] = someValue;
注意,数组是从零开始的,因此.length返回最高索引加1。
还要注意,您不必按顺序添加,实际上可以跳过值,如
myArray[myArray.length + 1000] = someValue;
在这种情况下,介于两者之间的值将具有未定义的值。
因此,当在JavaScript中循环以验证某个值是否确实存在时,这是一个很好的做法。
这可以通过以下方式实现:
if(myArray[i] === "undefined"){ continue; }
如果您确定数组中没有任何零,则可以执行以下操作:
if(!myArray[i]){ continue; }
当然,在这种情况下,请确保不要使用myArray[i]作为条件(正如互联网上的一些人根据结尾所建议的,一旦i大于最高索引,它将返回undefined,其结果为false)。
使用凹面:
a=[1,2,3];b=[3,4,5];a=混凝土(b);控制台日志(a);
使用Array.prototype.push方法将值附加到数组末尾:
//初始化数组变量arr=[“嗨”,“你好”,“你好”];//将新值附加到数组arr.push(“Hola”);控制台日志(arr);
您可以使用push()函数在一次调用中将多个值附加到数组中:
//初始化数组var arr=[“Hi”,“你好”,“Bonjour”,“Hola”];//将多个值附加到数组arr.push(“Salut”,“嘿”);//显示所有值对于(变量i=0;i<arr.length;i++){控制台日志(arr[i]);}
使现代化
如果要将一个数组的项添加到另一个数组,可以使用firstArray.concat(secondArray):
变量arr=[“苹果”,“香蕉”,“樱桃”];//不要忘记分配结果,因为与push不同,concat不会更改现有数组arr=arr.concat([“龙果”,“接骨木”,“无花果”]);控制台日志(arr);
使现代化
如果你想在数组的开头加上任何值(即第一个索引),那么你可以使用array.prototype.unshift。
var arr=[1,2,3];arr.unshift(0);控制台日志(arr);
它还支持像push一样一次附加多个值。
使现代化
ES6语法的另一种方法是使用扩展语法返回新数组。这使原始数组保持不变,但返回一个附加了新项的新数组,符合函数式编程的精神。
常量arr=[“嗨”,“你好”,“你好”,];常量newArr=[…arr,“致敬”,];console.log(newArr);
现在大多数浏览器都支持ECMAScript 5(ES5)标准的JavaScript,您可以使用apply()将array1附加到array2。
var array1 = [3, 4, 5];
var array2 = [1, 2];
Array.prototype.push.apply(array2, array1);
console.log(array2); // [1, 2, 3, 4, 5]
带有ECMAScript 6(ES6)标准的JavaScript,Chrome、Firefox、Internet Explorer和Edge支持该标准,您可以使用扩展运算符:
"use strict";
let array1 = [3, 4, 5];
let array2 = [1, 2];
array2.push(...array1);
console.log(array2); // [1, 2, 3, 4, 5]
排列运算符将替换array2.push(…array1);带有阵列2.推(3,4,5);当浏览器思考逻辑时。
加分
如果要创建另一个变量来存储两个数组中的所有项,可以执行以下操作:
ES5 var combinedArray=array1.concat(array2);
ES6常量组合数组=[…array1,…array2]
扩展运算符(…)用于扩展集合中的所有项目。
推荐文章
- 在数组中获取所有选中的复选框
- 如何为Firebase构建云函数,以便从多个文件部署多个函数?
- 如何发送推送通知到web浏览器?
- AngularJS:工厂和服务?
- js:将一个组件包装成另一个组件
- 父ng-repeat从子ng-repeat的访问索引
- 如何读一个文本文件到一个列表或数组与Python
- JSHint和jQuery: '$'没有定义
- 模仿JavaScript中的集合?
- 如何在Python中将十六进制字符串转换为字节?
- 用JavaScript验证电话号码
- 如何在HTML5中改变视频的播放速度?
- 谷歌地图API v3:我可以setZoom后fitBounds?
- ES6/2015中的null安全属性访问(和条件赋值)
- 与push()相反;