源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

向JavaScript的数组中添加元素的方法小结

  • 时间:2020-10-10 00:46 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:向JavaScript的数组中添加元素的方法小结
[b]在数组的开头添加新元素 - unshift() [/b]源代码:
<!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
[b]在数组的第2位置添加一个元素 - splice() [/b]源代码:
<!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
[b]数组的末尾添加新的元素 - push() [/b]源代码:
<!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
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部