js如何动态添加数组?

发布网友发布时间：2022-04-25 09:40

我来回答

共2个回答

热心网友时间：2022-05-14 16:20

js动态添加数组可以按下面的步骤:

1、在数组的开头添加新元素 - unshift()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.unshift("Lemon","Pineapple");

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

</script>

<p><b>Note:</b> The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>

</body>

</html>

测试结果:

Lemon,Pineapple,Banana,Orange,Apple,Mango

2、在数组的第2位置添加一个元素 - splice()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.splice(2,0,"Lemon","Kiwi");

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

</script>

</body>

</html>

测试结果:

Banana,Orange,Lemon,Kiwi,Apple,Mango

3、数组的末尾添加新的元素 - push()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add a new element to the array.</p>

var fruits = ["Banana", "Orange", "Apple", "Mango"];

function myFunction()

{

fruits.push("Kiwi")

var x=document.getElementById("demo");

x.innerHTML=fruits;

}

</script>

</body>

</html>

测试结果:

Banana,Orange,Apple,Mango,Kiwi

热心网友时间：2022-05-14 17:38

js中添加数组用push.示例如下：

var arr = [];
arr.push('new');
arr.push('element');
arr -> ['new', 'element']

JS中数组相关操作还有数组的创建，访问，删除等。

1、数组的创建
var arr = new Array();　//创建一个数组
var arr = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度
var arr = new Array([element0[, element1[, ...[, elementN]]]]);　创建一个数组并赋值
要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长度以外的，注意：这时长度会随之改变。
2、数组的元素的访问
var testGetArrValue=arr[1]; //获取数组的元素值
arr[1]= "这是新值"; //给数组元素赋予新的值
3、数组元素的添加
arr. push([item1]);// 将一个或多个新元素添加到数组结尾，并返回数组新长度
arr.unshift([item1]);// 将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度
arr.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回""。
4、数组元素的删除
arr.pop(); //移除最后一个元素并返回该元素值
arr.shift(); //移除最前一个元素并返回该元素值，数组中元素自动前移
arr.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素