1. 程式人生 > >json動態新增屬性和刪除屬性

json動態新增屬性和刪除屬性

轉自:https://blog.csdn.net/qq_36922927/article/details/78927394


1  新增屬性:


 

var myObject={"name":"張三”}


如何新增屬性age,得到下面的效果呢?

   

var myObject={“name":"張三”,“age”:10}  

 

其實很簡單,規則就是:直接賦值即可

JavaScript 物件表示法(JavaScript Object Notation)。

JSON 是儲存和交換文字資訊的語法。類似 XML。

JSON 比 XML 更小、更快,更易解析。

 

myObject[age]=10;//即可新增上age屬性,
如何看到新增後的效果呢?

一般就直接是alert(JSON.stringify(myObject));可看到{“name”:“張三”,“age”:“10”}

JSON.stringify(myObject)是將json轉換為字串,而

var obj = JSON.parse('{ "name":"runoob","alexa":10000, "site":"www.runoob.com" }');

則是將字串轉換為javascript物件

2刪除屬性


:delete json物件["屬性名“];

比如這裡:delete myObject["name"];//即可刪除name屬性
測試程式碼:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
 
<p>你可以使用點號(.)來訪問 JSON 物件的值:</p>
 
<p id="demo"></p>
 
<script>
 
var fields=[1,2,3];
var param = {};
 for(var i=0;i<fields.length;i++){
  var field = fields[i];
     param["name"+i]=i;
     alert(JSON.stringify(param));
 }
    delete param["name0"];//刪除屬性 name0
    alert(JSON.stringify(param));
</script>
 
</body>
</html>