如何在JavaScript中将对象(如字符串或数字)附加到数组中?
当前回答
push()将一个新元素添加到数组的末尾。
pop()从数组末尾删除元素。
要将对象(如字符串或数字)附加到数组,请使用:
array.push(toAppend);
其他回答
您可以使用push方法。
Array.prototype.append = function(destArray){
destArray = destArray || [];
this.push.call(this, ...destArray);
return this;
}
var arr = [1,2,5,67];
var arr1 = [7,4,7,8];
console.log(arr.append(arr1)); // [7, 4, 7, 8, 1, 4, 5, 67, 7]
console.log(arr.append("Hola")) // [1, 2, 5, 67, 7, 4, 7, 8, "H", "o", "l", "a"]
让数组长度属性执行以下操作:
myarray[myarray.length] = 'new element value added to the end of the array';
myarray.length返回数组中的字符串数。JavaScript是从零开始的,因此数组的下一个元素键将是数组的当前长度。
例子:
var myarray = [0, 1, 2, 3],
myarrayLength = myarray.length; // myarrayLength is set to 4
你.push()中的值。示例:array.push(value);
如果要添加值,可以使用push(),例如arr.push(“测试1”、“测试2”);。
如果您有数组,可以使用concat(),例如Array1.contat(Array2)。
如果只有一个元素要添加,也可以尝试长度方法,例如array[aray.length]=“test”;。
附加单个项目
要将单个项附加到数组,请使用array对象提供的push()方法:
const fruits = ['banana', 'pear', 'apple']
fruits.push('mango')
console.log(fruits)
push()对原始数组进行变异。
要创建新数组,请使用concat()array方法:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)
请注意,concat()实际上并没有向数组中添加项,而是创建了一个新数组,您可以将其分配给另一个变量,或重新分配给原始数组(声明为let,因为无法重新分配常量):
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)
let fruits = ['banana', 'pear', 'apple']
fruits = fruits.concat('mango')
附加多个项目
要将多个项附加到数组中,可以通过使用多个参数调用push():
const fruits = ['banana', 'pear', 'apple']
fruits.push('mango', 'melon', 'avocado')
console.log(fruits)
您还可以使用前面看到的concat()方法,传递一个用逗号分隔的项目列表:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango', 'melon', 'avocado')
console.log(allfruits)
或阵列:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat(['mango', 'melon', 'avocado'])
console.log(allfruits)
请记住,如前所述,此方法不会改变原始数组,但会返回一个新数组。
最初发布于
推荐文章
- 如何让元素被点击(对于整个文档)?
- 我如何检查如果一个变量是JavaScript字符串?
- 如何检测如果多个键被按下一次使用JavaScript?
- 如何通过history. pushstate获得历史变化的通知?
- 比较JUnit断言中的数组,简洁的内置方式?
- 数组到哈希Ruby
- 使用jQuery改变输入字段的类型
- 在JavaScript中,什么相当于Java的Thread.sleep() ?
- 使用jQuery以像素为整数填充或边距值
- 检查是否选择了jQuery选项,如果没有选择默认值
- Next.js React应用中没有定义Window
- 如何重置笑话模拟函数调用计数之前,每次测试
- 如何强制一个功能React组件渲染?
- Java 8流和数组操作
- 在javascript中从平面数组构建树数组