JS中的字符串、数组、对象

（一）字符串和数组互相转换

（二）字符串和对象互相转换

（三）遍历数组和遍历对象

1. 遍历数组：for循环 / forEach

2. 遍历对象：for（let k in obj）

注：这里不用for循环遍历对象，有两个原因！！

一是对象没有像数组一样的length属性，无法确定长度，

二是对象里面是无序的键值对，没有索引号下标index。

（四）数组解构和对象解构

1. 数组解构

注：1）若左侧变量多，右侧单元值少，则多余的变量会被赋值为undefined。

2）若左侧变量少，右侧单元值多，则可以用剩余参数来解决，剩余参数返回的是一个真数组。

3）要避免undefined传递单元值，则需要设置默认值，只有单元值为undefined时默认值才生效。

例如const [ a = '手机'，b = '小米' ] = [ ' 华为 ' ]

此时a的值为' 华为 '，b的值为'小米'

4）按需导入，可以忽略某些返回值。

例如 const [ a ,  , c , d ] = [ 1, 2 , 3 , 4 ]

此时a的值为1，c的值为3，d的值为4

5）多维数组解构。

例如const [ a ,  [b , c ] ] = [ 1, [ 2 , 3 ] ]

此时a的值为1，b的值为2，c的值为3

2. 对象解构

注：1）给解构的变量名重新命名  

const { name:uname , age } = user 

此处的name是原变量名，uname是新变量名

2）数组对象解构

const  pig = [ { uname : '佩奇'，age：18 } ]

解构：const  [ { uname，age } ] = pig

3）多级对象解构

const pig = {

          name：‘佩奇’，

          family：{

                    mother：‘猪妈妈’，

                    father：‘猪爸爸’，

                    sister：‘乔治’        

         }，

          age：6

}

解构：const { name, family:{ mother,father,sister }, age } = pig

4）Json对象解构

Json对象：属性名和属性值都用双引号引起来了。

const msg = {
      "code": 200,
      "msg": "获取新闻列表成功",
      "data": [
        {
          "id": 1,
          "title": "5G商用自己，三大运用商收入下降",
          "count": 58
        },
        {
          "id": 2,
          "title": "国际媒体头条速览",
          "count": 56
        },
        {
          "id": 3,
          "title": "乌克兰和俄罗斯持续冲突",
          "count": 1669
        },

      ]
    }

（1）只解构data里面的数据：const { data } = msg

（2）把data选出来作为参数传递给函数： 

function render ( { data } )  {
      console.log(data)
 }
render ( msg )

（3）为防止msg里面的data名字混淆，要求渲染函数里面的数据名改为 myData：

function render ( { data: myData } )  {
      console.log(myData)
 }
 render ( msg )

（五）数组“增删改查”和对象“增删改查”

1. 数组“增删改查”

数组是一种按顺序保存数据的数据类型，是有序的数据集合。

let 数组名 = [ 数据1，数据2，······，数据n ]

增：

1）添加到数组开头：数组名.push（新增内容）

2）添加到数组末尾：数组名.unshift（新增内容）

删：

1）删除数组第一个元素：数组名.pop（）

2）删除数组最后一个元素：数组名.shift（）

3）删除数组指定元素：数组名.splice（起始位置，删除个数）

注：splice里面的删除个数如果省略，则默认删完。

改：数组名[ 下标 ] = 新值

查：数组名[ 下标 ]

2. 对象“增删改查”

对象由属性和方法组成，是无序的数据集合。

let 对象名 = {

      属性名：属性值，

      方法名：函数

}

增：对象名.新属性名 = 新值

删：delete  对象名.属性名

改：对象.属性 = 值

查：对象.属性

注！！对象访问属性的两种方式：1）对象.属性    2）对象[ ' 属性 ' ]