zoukankan      html  css  js  c++  java
  • 4、扩展运算符和数组的方法

    1、扩展运算符 (spread)

      ...

    var  arr = [1,2,3];
    var  arr1 = [4,5,6];
    var arr3 = [...arr, ...arr1];

    2、数组的扩展

       将一个数组转为用逗号分隔的参数序列

    3、对象的扩展

      扩展运算符(...)用于取出参数对象的所有可遍历的属性,拷贝到当前对象当中,类似于Object.assign

    var obj = {a:1};
    var obj1 = {b:2};
    var obj = {...obj,...obj1}

    4、数组的方法

    ES5的方法

      map() , filter() , reduce(),  every() ,  some()

    ES6的方法

      find(),  findIndex()

    //map映射:arr.map()
    //数组的没一项乘以2
    var arr = [1,2,3];
    arr.forEach(function(item,index){
        console.log(item,index);    
    })
    
    //map返回一个新素组,新数组的元素是每个返回值,即对每一项进行处理放到新的数组里面
    var newArr = arr.map(function(item,index){
      console.log(item,index);  
      return item*2;  
    })
    console.log(newArr)
    //filter过滤,返回符合条件的元素,即是,函数返回true时的那一项元素返回到新的数组中
    var  arr = [1,2,3,4,5,6,7,8,9];
    var filterNewArr = arr.filter(function(item,index){
       console.log(item,index); 
          // return true;
        return item % 2 == 0;  //return后面写条件,如果条件成立就放到新数组中,否则舍弃
    })
    //find函数,查找
    //在数组中找到符合条件的第一个,如果想返回多个就用filter,find只找一个
    var arr = [1,2,3,4,5,6,7,8,9];
    var item = arr.find(function(item,index){
      return item < 3;
    })
  • 相关阅读:
    【转载】有效防止百度移动搜索转码
    jquery 弥补ie6不支持input:hover状态
    解决 IE6 position:fixed 固定定位问题
    png-24在ie6中的几种透明方法
    Chrome调试小技巧
    html select美化模拟jquery插件select2.js
    响应式设计的十个基本技巧
    colspan和rowspan
    【转】为什么整个互联网行业都缺前端工程师?
    设计模式之桥接模式
  • 原文地址:https://www.cnblogs.com/gopark/p/11357127.html
Copyright © 2011-2022 走看看