JS对象、字符串以及数组之间的相互转换

1、对象转字符串

const obj = {
     id: 0,
     name: '张三',
     age: 12
}
const objToStr = JSON.stringify(obj)
console.log('obj:', obj)
console.log('objToStr:', objToStr)

2、json字符串转对象

const str = '{"id":0,"name":"张三","age":12}'
const strToObj = JSON.parse(str)
console.log('str:', str)
console.log('strToObj:', strToObj)

---

一、基础知识

对象：具有属性和方法，由k,v对组成
例如
var data={ username:"xiaoming"，password:"123" };
数组：
例如var arr=[1,2,3,4,5]
字符串：
例如 var str="Iamstring"

二、实现相互转化

1.对象转化为数组

            var arr=[];
            for(var i in data){
              var str=i+"="+data[i];
             arr.push(str);
              }
            console.log(arr);

代码解读:

for... in用来循环对象，i代表k，比如上面的username,password;data[i]代表v，比如上边的"xiaoming","123"

push()方法就可将获取到的str字符串加到数组arr中。

输出结果为:

2.数组转化为字符串

数组的join()方法

              var arr=[user='xiaoming',password='123'];
              console.log(arr.join(""));//默认以逗号分隔

结果:

3.字符串转换为数组

实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回：

           var s="abcd,efg,hijk,l";
           var ss=s.split(",");//以逗号为分割点

结果展示:

4.JSON对象转换为字符串

JSON.stringfy()可以直接将JSON对象转化为字符串

                   var obj=
                   {
                  "user":"xiaoming",
                  "password":"123"
                    }
                     var str=JSON.stringify(obj)
                     console.log(str)

结果:

5.JSON字符串转换为对象

JSON.parse()可以直接将JSON字符串转化为对象

                     var obj=
                     {
                    "user":"xiaoming",
                    "password":"123"
                      }
                      var str=JSON.stringify(obj);
                      var obj2=JSON.parse(str) //或者var obj2=eval("("+str+")")
                      console.log(obj2)

结果展示：

总结

JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号)。
解析前要保证数据是标准的JSON格式，否则会解析出错。

JSON.stringify 是日常开发中经常用到的 JSON 对象中的一个方法，JSON 对象包含两个方法：一是用于解析成 JSON 对象的 parse()；二是用于将对象转换为 JSON 字符串方法的 stringify()