ES6知识点(部分)

  • 说明

    • ECMAJavaScript标准
  • 变量声明

    • var
    • let
      • 01let与var基本一致,用作变量声明
      • 02let在一对括号{}中形成局部作用域
      • 03let声明的变量不会变量提升
      • 04let不能重复声明变量(同一作用域)
    • const
      • 01 与let一致(局部,不提升,不能重复声明)
      • 02声明必须赋值
      • 03赋值不能修改(值类型)
      • 04建议大写
  • 数组的结构

    • 01数组解构:把数组解析为单个变量
      •     let arr = [1, 2, 3, 4, 5, 6];
            let [a, b, ,... c] = arr;
            console.log(a);
            console.log(b);
            console.log(c);
    • 02通过逗号跳过
    • 03...接受剩余值
    • 04可以给默认值
      •     let arr2 = [4, 5, 6, 7, 8, 9];
            let [d, e, f, g = 88] = arr2;
            console.log(d, e, f, g);

    • 05快速交换变量
      •     var k = 100;
            var j = 10;
            [k, j] = [j, k]
            console.log(k, j);

  • 对象简写
  • 字符串

    • 遍历 for of
    • 查找
      • includes 是否包含
      • startsWith 以xxx开头
      • endsWith 以xxx结尾
      •    var str = "我爱我的祖国,我的祖国,是中国的国";
           alert(str.endsWith("国"))
           alert(str.startsWith("国"))

    • 补齐
      • padStart (len,symbol)
        • len:要个数
        • symbol :补得元素
      • padEnd(len,symbol)
      •    var str = "1";
           console.log(str.padStart(3, "0")); 
           console.log(str.padEnd(3, "*")); 

    • 去空白
      • trim两端
      • trimLeft左侧
      • trimRight右侧
      •    var mystr = "  L O V E   "
           console.log(mystr);
           console.log(mystr.trim());

  • 数组

    • sort 排序
      •     arr1 = [1, 12, 15, 33, 7, 9]
            arr2 = [
                { name: '小明', age: 16, sex: '男' },
                { name: '小红', age: 17, sex: '女' },
                { name: '小白', age: 18, sex: '女' },
            ]
            arr1.sort((a, b) => a - b);
            console.log(arr1);
        
            arr2.sort((a, b) => b.age - a.age);
            console.log(arr2);

    • ES6新增
    • find查找符合条件元素
      •      var el = arr.find(function (item) {
                 if (item > 5) {
                     return true
                }
             })

    • findIndex查找符合条件元素的下标
      •     var index = arr.findIndex(function(item){
                return item>5;
             })

    • forEach 遍历
    • forEach(function(item,index,self))
      item当前遍历的元素
      ​index当前的下标
      ​self被遍历的数组

  • filter 过滤    
    •    var arr2 = arr.filter(function (item) {
              return item % 2 === 0;
          })
                  
  • map 映射
  • reduce 累计
    • reduce(function(a,b)) a 上一次返回的结果 b 当前遍历的元素
  • some 有一个
  • every 每一个
  •     var computers = [
            { name: "Apple", age: 8 },
            { name: "IBM", age: 12 },
            { name: "Acer", age: 32 },
        ];
        var one = computers.some(item => item.age > 16)
        var all = computers.every(item => item.age < 60)
        console.log("是否有一个大于16岁"+one);
        console.log("是否所有小于60岁"+all)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值