js操作数组的方法以及map和forEach的区别

操作数组的方法

join()
push()和pop()
shift() 和 unshift()
sort()
reverse()
concat()
slice()
splice()
indexOf()和 lastIndexOf()
forEach() （ES6新增）
map() （ES6新增）
filter() （ES6新增）
every() （ES6新增）
some() （ES6新增）
reduce()和 reduceRight() （ES6新增）

map和forEach的区别

1.总的来说 map 的速度大于forEach。
2.都有参数，item, index arr 。
3.内部匿名函数的this指向都是window。
4.map可以使用return，forEach不可以使用return跳出，甚至break, continue都不行。
5.map会返回一个新的数组，不会改变原来的数组，forEach不会返回新数组，允许对原数组进行修改。(详见下面示例)

<script>
	 let arr1 = [
	      {
	          name: '张三',
	          age: 15
	      },
	      {
	          name: '李四',
	          age: 16
	      }
	  ]
	  let mapChangeArr1 = arr1.map(item=> {
	      return {
	          name1: item.name + '1',
	          age1: item.age + 1
	      }
	  })
	  console.log(mapChangeArr1); // [{name1: '张三1', age1: 16}, {name1: '李四1', age1: 17}] arr1原数组不会被修改
	
	  // forEach可以修改数组，但指定item修改是修改不了的，只是单纯的遍历数组中的每个值，
	  // 用数组中的每一个index可以修改数组中的元素，(示例如下)
	  let arr2 = [1, 2, 3, 4, 5]
	  arr2.forEach((item, index)=> {
	      item = 6
	  })
	  console.log(arr2);  // [1, 2, 3, 4, 5]
	
	  let arr3 = [1, 2, 3, 4, 5]
	  arr2.forEach((item, index)=> {
	      arr3[index] = 6
	  })
	  console.log(arr3); // [6, 6, 6, 6, 6]
</script>