ES6 新增方法（一）

数组方法

forEach

forEach会遍历数组, 循环体内没有返回值, forEach`循环不会改变原来数组的内容, forEach有三个参数, 第一个参数是当前元素, 第二个参数是当前元素的索引, 第三个参数是当前元素所属的数组.

let arry = [1, 2, 3, 4];
arry.forEach((item, index, arr) => {
　　console.log(item);  // 1    2    3    4
});

注意：forEach不能跳出循环，如写了判断条件只能跳出当此循环

forEach没有返回值

filter

filter参数和forEach也是一样的,filter主要是过滤的, 用来过滤数组中不满足条件的元素, 把满足条件的元素返回到新的数组里, 并且不会改变原数组.

let arry = [1, 2, 3, 4, 5];
let temp = arry.filter((item, index, arr) => {
    return item < 3;    // 返回  1  2
});

map

map的主要作用是数据需要处理的时候会用到map比较多一些 map的参数和forEach是一样的

let arry = [1, 2, 3, 4 ,5];
let temp = arry.map((item, index, arr) => {
    return item + 1;   // 返回 [2,3,4,5,6]
});

every

遍历数组, 在循环体内写条件, 如果每一项都是true, 就会返回true, 只要有一个是false, 就会返回false

let arry = [1, 2, 3, 4, 5];
arry.every((item, index, arr) => {
    return item > 2;
});
// 使用变量接收 打印出的是布尔值 true或false

sort

对数组进行排序

1、基本数据类型

let arr = [5,8,4,1,565]
arr.sort()
//基本数据类型就可以直接使用sort方法进行排序

2、引用数据类型

想要将对象数组进行排序的时候就要我们自己创建数组的时候在对象中添加一个我们想要的顺序的属性，使用属性来把对象数组进行排序

// 使用axios方法 获取城市列表数据      
getCityData().then(res => {
      let list = res.data.cityList
      console.log(this.cityList);
      var obj = {}
      var hotCity = []
      var resultArr = []
      //对数组进行处理
      list.forEach(item=>{
        var p =item.pinyin[0].toUpperCase()
          if(obj[p]){
              obj[p].push(item.name)
          }else{
            obj[p] = [item.name]
          }
          if(item.isHot === 1){
            hotCity.push(item)
          }
      })
      for(let key in obj){
        resultArr.push({value:obj[key],key:key})
      }
     // 得到的数组是这样的  [{value:["北京"，北平，...], key:B}]
     // one 是类比第一个   two是类比第二个   循环
      resultArr.sort((one,two)=>{
        one = one.key
        two = two.key
        if(one<two){
          return -1  //返回-1的排序是  one ，two
        }else if(one>two){
          return 1  //返回-1的排序是   two ，one
        }else{
          return 0
        }
      })
       this.hotCityList = hotCity
       this.allCityList = resultArr
       console.log(this.allCityList)
    })

ES6 新增方法 （一）