這篇文章主要介紹了向JavaScript的數組中添加元素的方法小結,分別舉了一些JS數組操作的例子,基本需要的朋友可以參考下
在數組的開頭添加新元素 - 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位置添加一個元素 - 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
數組的末尾添加新的元素 - 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
新聞熱點
疑難解答
圖片精選
