ES5中的新增方法

1. 数组方法

迭代(遍历)方法:forEach()、map()、filter()、some()、every()

array.forEach(function(currentValue, index, arr))

  • forEach() 用于遍历数组

  • currentValue:数组当前项的值

  • index:数组当前项的索引

  • arr:数组对象本身

 var arr = [1, 2, 3];
 var sum = 0;
 arr.forEach(function(value, index, array) {
   console.log('每个数组元素' + value);
   console.log('每个数组元素的索引号' + index);
   console.log('数组本身' + array);
   sum += value;
 })
 console.log(sum); // 6

array.filter(function(currentValue,index,arr))

  • filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组
  • 注意它直接返回一个新数组
  • currentValue:数组当前项的值
  • index:数组当前项的索引
  • arr:数组对象本身
    var arr = [12, 66, 4, 88];
    var newArr = arr.filter(function(value, index) {
      return value >= 20;
    })
    console.log(newArr); //Array(2) 66 88
    

array.some(function(currentValue,index,arr))

  • some() 方法用于检测数组中的元素是否满足指定条件。通俗点讲就是查找数组中是否有满足条件的元素
  • 它的返回值是布尔值,如果找到这个元素,返回true,否则返回false
  • 如果找到第一个满足条件的元素,则终止循环,不再继续查找
  • currentValue:数组当前项的值
  • index:数组当前项的索引
  • arr:数组对象本身
    var arr = [10, 30, 4];
    var flag = arr.some(function(value) {
      return value >= 20;
    });
    console.log(flag); // true
    
2. 字符串方法

trim() 方法会从一个字符串的两端删除空白字符

str.trim()

trim() 方法并不影响原字符串本身,它返回的是一个新的字符串。

    var str = '  andy  ';
    console.log(str); // '  andy  '
    var str1 = str.trim();
    console.log(str1);// 'andy'
  • 只会去除字符串两端的空格, 不会去除字符串中间的空格
3. 对象方法

Object.defineProperty() 定义对象中新属性或修改原有的属性。

Object.defineProperty(obj, prop, descriptor)

  • obj:必需,目标对象
  • prop:必需,需定义或修改的属性的名字
  • descriptor:必需,目标属性所拥有的特性

第三个参数descriptor说明:以对象形式 { } 书写

  • value:设置属性的值 默认为undefined
  • writable:值是否可以重写。true|false 默认为false
  • enumerable:目标属性是否可以被枚举。true|false默认为false
  • configurable:目标属性是否可以被删除或是否可以再次修改特性true|false 默认为false
var obj = {
      id: 1,
      pname: '小米',
      price: 1999
    };
    // 1. 以前对象添加和修改属性的方式
    // obj.num = 1000;
    // obj.price = 99;

    // 2. Object.defineProperty() 定义新属性或修改原有属性
    Object.defineProperty(obj, 'num', {
      value: 1000,
      enumerable: true
    })
    console.log(obj);//id: 1 num: 1000 pname: "小米" price: 1999
    Object.defineProperty(obj, 'price', {
      value: 99
    })
    console.log(obj); // id: 1 num: 1000 pname: "小米" price: 99
    Object.defineProperty(obj, 'id', {
      writable: false,
    })
    obj.id = 2;
    console.log(obj); // id: 1 num: 1000 pname: "小米" price: 99
    Object.defineProperty(obj, 'address', {
      value: '中国',
      writable: false,
      enumerable: false,// 遍历时不会遍历出此属性
      configurable: false 
    });
    console.log(obj); //id: 1 num: 1000 pname: "小米" price: 99 address: "中国"
    console.log(Object.keys(obj));//0: "id" 1: "pname" 2: "price" 3: "num" length: 4
    delete obj.address;
    console.log(obj); // id: 1 num: 1000 pname: "小米" price: 99 address: "中国"
    delete obj.pname;
    console.log(obj); // id: 1 num: 1000 price: 99 address: "中国"
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值