ES5新增的方法

ES5中的新增方法

ES5 新增方法概述

ES5 中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：

• 数组方法

• 字符串方法

• 对象方法

数组方法

迭代（遍历）方法：forEach()、map()、filter()、some()、every()

forEach()

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

• currentValue：数组当前项的值

• index：数组当前项的索引

• arr：数组对象本身

        // forEach
        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);

filter()

array.filter(function(currentValue, index, arr)) {
   return 条件语句;      
}

• filter()方法创建一个新的数组，新数组中的元素是通过检查数组中符合条件的所有元素，主要用于筛选数组

• 注意它直接返回一个新数组

• currentValue: 数组当前项的值

• index：数组当前项的索引

• arr：数组对象本身

 

some()

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 > 10;
        })
        console.log(flag);

filter()与some()区别

• filter 也是查找满足条件的元素，返回的是一个数组，而且是把所有满足条件的元素返回来

• some 也是查找满足条件的元素，返回的是一个布尔值，而且查找到第一个满足条件的元素返回来，并终止循环

查找商品案例

以下是查找某个商品的代码

        // 按照商品名称查询
        var searchPro = document.querySelector('.search-pro');
        searchPro.addEventListener('click', function() {
            var product = document.querySelector('.product').value.trim();
            // 如果查询数组中唯一的元素，用some方法更合适，因为它找到这个元素，就不再进行循环，效率更高
            var arr = [];
            data.some(function(value) {
                if (value.pname === product) {
                    arr.push(value);
                    return true; //return 后面必须写true
                }
​
            });
            // 把拿到的数据渲染到页面中
            setData(arr);
        });

forEach 和 some的区别

• 在forEach里面return不会终止迭代

• filter里面return也不会终止迭代

• 在some里面遇到return true就是终止遍历，迭代效率更高

• 如果查询数组中唯一的元素，用some方法更合适，因为它找到这个元素，就不再进行循环，效率更高

7.3 字符串方法

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

str.trim()

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

7.4 对象方法

1. Object.keys() 用于获取对象自身所有的属性

Object.keys(obj) 

• 效果类似for ... in

• 返回一个由属性名组成的数组

2. 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（不允许删除这个属性，且不允许修改第三个参数里面的特性）