簡體   English   中英

如何將項添加到嵌套數組?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM