js向數組中插入元素

1、在數組的開頭添加新元素 - unshift()

<script>

function myFunction()

{

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

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

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

x.innerHTML=fruits;

}

</script>

 

測試結果:

Lemon,Pineapple,Banana,Orange,Apple,Mango

2、在數組的第2位置添加一個元素 - splice()

<script>

function myFunction()

{

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

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

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

x.innerHTML=fruits;

}

</script>

測試結果: Banana,Orange,Lemon,Kiwi,Apple,Mango

3、數組的末尾添加新的元素 - push()

<script>

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

​

function myFunction()

{

fruits.push( "Kiwi" )

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

x.innerHTML=fruits;

}

</script>

測試結果: Banana,Orange,Apple,Mango,Kiwi

以上文檔參考來源：

http://www.jb51.net/article/73867.htm

實際應用：

var head_data = opt.head;//注意，如果有多層嵌套時要分別獲取元素的根

var head_icon = head_data.icon;

head_icon.splice(3,0,{
icon: 'fi fi-clothes',
title: '主題',
onclick: function(){
layer.open({
type: 2,
title: '切換皮膚',
shadeClose: false,
shade: 0,
area: ['380px', '40%'],
content: 'url' //iframe的url
});

}
});