美文网首页
ES5新增方法

ES5新增方法

作者: 過尽千帆_YL | 来源:发表于2021-05-04 22:55 被阅读0次

    1. 数组方法forEach遍历数组

     arr.forEach(function(value, index, array) {
           //参数一是:数组元素
           //参数二是:数组元素的索引
           //参数三是:当前的数组
      // 其中:  形参名字可以随意定义 , 参数数量可以省略
     })
      //相当于数组遍历的 for循环 没有返回值
    

    2. 数组方法filter过滤数组

      var arr = [12, 66, 4, 88, 3, 7];
      var newArr = arr.filter(function(value, index,array) {
         //参数一是:数组元素
         //参数二是:数组元素的索引
         //参数三是:当前的数组
    // 其中:  形参名字可以随意定义 , 参数数量可以省略
         return value >= 20;
      });
      console.log(newArr);//[66,88] //返回值是一个新数组
    

    3. 数组方法some

    some 查找数组中是否有满足条件的元素 
     var arr = [10, 30, 4];
     var flag = arr.some(function(value,index,array) {
        //参数一是:数组元素
         //参数二是:数组元素的索引
         //参数三是:当前的数组
    // 其中:  形参名字可以随意定义 , 参数数量可以省略
         return value < 3;
      });
    console.log(flag);//返回值是布尔值,只要查找到满足条件的一个元素就立马终止循环
    

    4. some和 forEach 区别

    • 如果查询数组中唯一的元素, 用some方法更合适,在some 里面 遇到 return true 就是终止遍历 迭代效率更高
    • 在 forEach 里面 return 不会终止迭代

    5. filter和some 区别

    • filter 也是查找满足条件的元素 返回的是一个数组 而且是把所有满足条件的元素返回回来
    • some 也是查找满足条件的元素是否存在 返回的是一个布尔值 如果查找到第一个满足条件的元素就终止循环

    6. trim方法去除字符串两端的空格

    var str = '   hello   '
    console.log(str.trim())  //hello 去除两端空格
    var str1 = '   he l l o   '
    console.log(str.trim())  //he l l o  去除两端空格
    

    7.获取对象的属性名

    Object.keys (对象) 获取到当前对象中的属性名 ,返回值是一个数组

     var obj = {
         id: 1,
         pname: '小米',
         price: 1999,
         num: 2000
    };
    var result = Object.keys(obj)
    console.log(result)//[id,pname,price,num]
    

    8. Object.defineProperty

    Object.defineProperty设置或修改对象中的属性

    Object.defineProperty(对象,修改或新增的属性名,{
            value:修改或新增的属性的值,
            writable:true/false,//如果值为false 不允许修改这个属性值
            enumerable: false,//enumerable 如果值为false 则不允许遍历
            configurable: false  //configurable 如果为false 则不允许删除这个属性 属性是否可以被删除或是否可以再次修改特性
    })  
    

    相关文章

      网友评论

          本文标题:ES5新增方法

          本文链接:https://www.haomeiwen.com/subject/msbhdltx.html