将两个数组对象合成一个数组对象

let a = [{
	id: 1,
	name: "zhangsan"
},{
	id: 2,
	name: "lisi"
}]

let b = [{
	id: 1,
	age: 18
},{
	id: 2,
	age: 20
}]


//合并数组或对象时，在数组或对象前加... 是es6的新写法，然后数组的map方法会返回数组

let c = a.map((item, index) => {
    return {...item, ...b[index]}
})

结果

有很多初学者可能会觉得这两个是一样的，以前我也是这么认为的。但是它们是不一样的，虽然他们都是数组。数组只是一个值得集合，而数组对象是一个对象的集合；数组对象的范围更大。
数组是一个值得集合，每一个值都有一个索引号，索引从0开始而每个索引都有一个相应的值，根据需要添加更多的值。数组有一维数组、二维数组等。
我们知道变量用来存储数据，一个变量只能存储一个内容。如果需要存储更多的数据一个变量是不能够满足的。例如：有一个班的学生成绩需要存储，如果用变量来一个一个的存储就会变得比较麻烦。这时候就会用到数组了，把一个班的学生成绩都放到一个数组里面。
如下图：

要使用数组之前则需要创建一个数组，那么该如何创建数组呢？
首先把数组本身赋值给一个变量，然后再给这个数组赋值。创建数组的同时还可以为这个数组指定长度，长度可以任意指定。虽然在创建数组的同时还指定了长度，但实际上数组都是会变长的。也就是说即使指定了长度，仍然可以将元素存储在规定长度之外。
刚创建好的数组是一个空数组，没有值，如果输出，就会显示为undefined。所以要给数组赋值。赋值有两种方法：一种是在创建数组的同时赋值；还有一种是直接输入一个数组（也叫字面量数组）。如下图：

在使用数组的时候需要用到索引号，要得到一个数组元素的值，就需要引用数组变量并提供一个索引。特别需要注意的是索引从0开始。
数组对象是一个对象的集合，里面的集合可以是不同类型的。数组的每一个成员对象都有一个下标，用来表示他在数组中的位置，从0开始。虽然定义数组时，这个数组也是空的，但是它定义时会指定n个空元素的数组，而且在定义数组的时候直接初始化数据；例如：var数组名 = [<元素一>、<元素二>、<元素三>…];在使用数组的时候需要用到元素的下标，下目标要用括号括起来，从零开始。
数组对象有一个的属性：length；用法：<数组对象>.length；返回的是数组的长度，即数组里有多少个元素，它等于数字里最后一个元素的下标加一。这个属性再用构造函数Array()创建数组时会初始化；在给数组添加新元素时（如果必要）将更新length的值。设置length属性得知可以改变数组的大小。如果设置的值比它当前的值小，数组将被截断，其不在length值内的元素将丢失。如果设置的值比它的当前值大，数组将增大，新元素将被添加到数组尾部，它们的值为undefined。
对象数组有很多方法，这里就不全部列举，只是简单地说几个。
数组链接的方法：contact()；contact()方法用于连接两个或者多个数组，会返回一个新的数组，不改变原来的数组。如果进行contact()操作的参数是一个数组，那么添加的是数组中的元素，而不是数组。

指定分隔符连接数组元素的方法：join()；join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。他有一个参数：separator；在返回的字符串中用于分隔数组元素的字符或字符串，它是可选的。如果省略了这个参数，将会用逗号作为分隔符。它的返回值是一个字符串，通过把数组中的每一个元素转换成字符串，然后把这些字符串连接起来，在两个元素之间插入指定的separator字符串。返回生成的字符串。这个方法不影响数组原来的内容。

将数组进行排序的方法：sort()；sort()方法是数组中的元素按照一定的排序顺序排列。排序是在原数组上进行排序，不制作副本。它也有个参数：orderfunc()；可选。如果调用方法sort()是没有使用参数，将按照字母顺序（更为精准的说，是按照Unicode码的顺序）对数组中的元素进行排序。要实现这一点，首先把数组的元素都转化成字符串（如果有必要的话），以便进行比较。如果想按照别的排序进行排序，就必须提供函数，该函数要比较两个值，然后返回一个用于说明这两只的相对顺序的数字。比较函数应该具有连个参数a和b，返回值如下：
如果返回值<=-1，则表示A在排序后的序列中出现在B之前。
如果返回值>-1&&<1，则表示A和B具有相同的排序顺序。
如果返回值>=1，则表示A在排序的序列中出现在B之后。

按照升序来排序。输出之后如下图：

需要注意的是，数组中undefined的元素都排列在数组末尾。即使你提供了自定义的排序函数也是这样，因为undefined值不会被传递给你提供的orderfunc。
数组较为简单一点，数组对象有属性和一些方法，更为复杂。
如果以上有什么错误请联系我，我会及时更改的。

vue中遍历对象的方法就是JavaScript的方法，

in

vue中在计算属性中，定义一个函数letters，因为要把letters用作数组，所以在letters函数中，先申明了letters = [ ]

通过in遍历cities对象，将对象的属性push到letters中。

computed:{
    letters(){
        const letters = []
        for(let i in this.cities){
            letters.push(i)
        }
        return letters
    }
},

cities的结构：