内置对象——Array

连接数组：join()
join()方法以指定参数作为分隔符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔：

let arr = [1, 2, 3, 4];

arr.join(' ') // '1 2 3 4'
arr.join(' | ') // "1 | 2 | 3 | 4"
arr.join() // "1,2,3,4"

这个方法和字符串里的 split 方法正好是一对作用相反的方法：

let str = 'a|b|c';

const splited = str.split('|');
console.log(splited);

const joined = splited.join('|');
console.log(joined);

join() 方法不会改变原数组。

倒序排列：reverse()

reverse方法用于颠倒排列数组元素，返回改变后的数组。：

let arr = ['a', 'b', 'c'];

arr.reverse() // ["c", "b", "a"]
arr // ["c", "b", "a"]

注意，该方法将改变原数组。
这个方法对原本有序的数组用起来很方便，比如原来是按时间顺序排列，现在要倒序，直接使用 即可。

那如果数组原本就是无序的，这里我们会用到 sort() 方法。

排序：sort()

sort方法对数组成员进行排序，默认是按照字典顺序排序。如果想让sort方法按照自定义方式排序，可以传入一个函数作为参数。

let arr = [
  { name: 'jenny', age: 18 },
  { name: 'tom', age: 10 },
  { name: 'mary', age: 40 }
];

arr.sort(function(a, b) {
  return a.age - b.age;
});

console.log(arr);

这里我们传入了一个函数，这个函数有两个参数，即进行比较的两个数组成员，原数组中 a 排在 b 之前。

这个函数有个返回值，当返回值大于 0 时，表示第一个成员应该排在第二个成员之后，否则排在第二个成员之前。

注意，该方法将改变原数组。

遍历：map/forEach

遍历数组我们之前用的是 for 循环，但其实 JavaScript 为我们提供了两个很方便的遍历方法：map 和 forEach。

有返回值的遍历：map

先看 map 方法的使用，它接受一个函数，然后将数组的所有成员依次传入这个参数函数，最后把每一次的执行结果组成一个新数组返回：

let arr = [
  { name: 'jenny', age: 18 },
  { name: 'tom', age: 10 },
  { name: 'mary', age: 40 }
];

// elem: 数组成员
// index: 成员下标
// a: 整个数组
const handledArr = arr.map(function(elem, index, a) {
  elem.age += 1;
  console.log(elem, index, a);
  return elem.name
});

console.log(arr);
console.log(handledArr);

map 方法的参数函数可以有三个参数：elem, index, a。

• elem：表示依次传入的数组成员
• index：表示依次传入的数组成员所对应的下标
• a：表示整个数组
  在上面的代码中，map 方法的返回值是一个由 return 后的内容 elem.name 组成的数组。

无返回值的遍历：forEach

forEach 的用法和 map 基本一致，不过 forEach 没有返回值：

const handledArr = arr.forEach(function(elem, index, a) {
  elem.age += 1;
  console.log(elem, index, a);
  return elem.name
});

console.log(handledArr);