[英]How do I add items to a nested Array?
假設我在Javascript中有這樣的數組:
var cars = { vendor: [ { type: [ 'camry', 'etc' ] } ] }
在Javascript中我可以使用什么命令來添加要鍵入的項...例如,如果我想要一個文本框,用戶可以將文本放入,然后點擊一個按鈕,將該項添加到數組中。 要添加的項目需要與“camry”和“etc”相同的項目放置。 謝謝!
嘗試類似的東西
cars.vendor[0].type.push("foo");
“foo”是您要添加的數據。
您可以使用push()
方法將項添加到數組中以添加到結尾,或者將unshift()
添加到前端。
var newValue = 1234;
cars.vendor[0].type.push(newValue);
然后可以使用與此類似的東西綁定事件處理程序;
$("yourSelector").on("click", function(){
var value = $("input").val();
cars.vendor[0].type.push(value);
});
請記住,你所擁有的不是JSON。 它是JavaScript對象和數組的嵌套結構,使用文字語法聲明。 有關詳細信息,請參閱Javascript對象Vs JSON 。
此問題的示例測試示例如下:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
var cars = {
"vendor": [
{
"type": [
"camry",
"maruti",
"bmw"
]
}
]
};
$("#add").click(function(){
var types=cars["vendor"][0]["type"];
types.push($("#json").val());
$("#types").html(types.toString());
});
});
</script>
</head>
<body>
<input type="text" id="json" name="json"/>
<input type="button" id="add" name="add" value="ADD"/>
<div id="types" style="margin:10px;border:1px dotted green;width:400px;"></div>
</body>
</html>
你可以試試下面給出的東西
var cars = { vendor: [ { type: [ 'camry', 'etc' ] } ] } ;
cars.vendor[0].type[2]="abc";
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.