json对象 key,value的形式出现的

  1.         var  huang = {
  2.            "name":"huangzhichao",
  3.             age:22,
  4.             sex:"男"
  5.         }
  6.         /* 2.读取对象属性的值 */
  7.         console.log(huang.name)
  8.         /* Tip:如果属性名是变量的情况下,使用中括号去读取 */
  9.         console.log(huang["name"])
  10.         /* 3.给对象新添加一个属性 */
  11.         huang.love= "看动漫"
  12.         console.log(huang)
  13.         /* 4.读取对象所有的属性  Object.keys(obj)*/
  14.         console.log(Object.keys(huang))
  15.         /* 5.读取对象所有的value值 Object.values(obj) */
  16.         console.log(Object.values(huang))
  17.         /* 6.for in遍历对象 */
  18.         for(var k in huang){
  19.             console.log(k); //这里打印的是key
  20.             console.log(huang[k]);  //这里打印的是value（用到了2中的tip）
  21.         }

将json格式的字符串转为json

JSON.parse

将Json对象转换为字符串

JSON.stringify()

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  10.     <script>
  11.     var obj = '{"name":"cheng","age":18}';
  12.     /* 将json格式的字符串转为json
  13.     JSON.parse
  14.      */
  15.     var  parseObj = JSON.parse(obj);
  16.     console.log(parseObj)
  17.     /* JSON.stringify()-->可以将Json对象转换为字符串 */
  18.     console.log(JSON.stringify(parseObj))
  19.     </script>
  20. </body>
  21. </html>

image.png

delete 删除属性

  1. var obj = {"name":"huang","age":17,"sex":"男"};
  2. delete obj.name;
  3. console.log(obj);

image.png