900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html 数组动态添加元素 js如何动态添加数组?

html 数组动态添加元素 js如何动态添加数组?

时间:2023-09-11 17:32:02

相关推荐

html 数组动态添加元素 js如何动态添加数组?

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

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

源代码:

Click the button to add elements to the array.

Try it

function myFunction()

{

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

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

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

x.innerHTML=fruits;

}

Note:The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will beundefined.

测试结果:

Lemon,Pineapple,Banana,Orange,Apple,Mango

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

源代码:

Click the button to add elements to the array.

Try it

function myFunction()

{

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

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

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

x.innerHTML=fruits;

}

测试结果:

Banana,Orange,Lemon,Kiwi,Apple,Mango

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

源代码:

Click the button to add a new element to the array.

Try it

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

function myFunction()

{

fruits.push("Kiwi")

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

x.innerHTML=fruits;

}

测试结果:

Banana,Orange,Apple,Mango,Kiwi

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。