js如何动态添加数组?

 我来答
holyyours
高粉答主

推荐于2019-09-14 · 说的都是干货,快来关注
知道小有建树答主
回答量:83
采纳率:100%
帮助的人:3万
展开全部

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

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

源代码:

<!DOCTYPE html>

<塌睁html>

<body>

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

<button onclick="myFunction()">Try it</button>

<script>

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>

<button onclick="myFunction()">Try it</button>

<script>

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>

<button onclick="myFunction()">Try it</button>

<script>

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

jack观天下
2018-03-07 · 带你看天下趣闻,有意思的视频!
jack观天下
采纳数:832 获赞数:3143

向TA提问 私信TA
展开全部

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的元素,数首老组形式返回所移除的元素

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式