ES5 中的新增方法

文章目录

前言

一、数组方法

二、字符串方法

三、对象方法

---

前言

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

• 数组方法
• 字符串方法
• 对象方法

---

一、数组方法

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

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

• currentValue：数组当前项的值
• index：数组当前项的索引
• arr：数组对象本身

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

---

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

• some() 方法用于检测数组中的元素是否满足指定条件.   通俗点 查找数组中是否有满足条件的元素
• 注意它返回值是布尔值, 如果查找到这个元素, 就返回true ,  如果查找不到就返回false.
• 如果找到第一个满足条件的元素,则终止循环. 不在继续查找.
• currentValue: 数组当前项的值
• index：数组当前项的索引
• arr：数组对象本身

 <script>
        var arr1 = ['red', 'pink', 'blue'];
        var flag1 = arr1.some(function(value) {
            return value == 'pink';
        });
        console.log(flag1);//true
    </script>

---

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

• filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组
• 注意它直接返回满足条件的一个新数组
• currentValue: 数组当前项的值
• index：数组当前项的索引
• arr：数组对象本身

 <script>
        // filter 筛选数组
        var arr = [12, 66, 4, 88, 3, 7];
        var newArr = arr.filter(function(value, index) {
            // return value >= 20;
            return value % 2 === 0;
        });
        console.log(newArr);
    </script>

---

arr.map(function callback(currentValue[, index[, array]])

• map() 方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。
• 一个由原数组每个元素执行回调函数的结果组成的新数组。

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

---

arr.every(callback(element[, index[, array]])[, thisArg])

• every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。
• 若收到一个空数组，此方法在任何情况下都会返回 true。

//下例检测数组中的所有元素是否都大于 10。
[12, 5, 8, 130, 44].every(x => x >= 10); // false
[12, 54, 18, 130, 44].every(x => x >= 10); // true

---

二、字符串方法

str.trim()

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

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

三、对象方法

Object.keys(obj)

• Object.keys() 用于获取对象自身所有的属性
• 效果类似 for…in
• 返回一个由属性名组成的数组

 <script>
        // 用于获取对象自身所有的属性
        var obj = {
            id: 1,
            pname: '小米',
            price: 1999,
            num: 2000
        };
        var arr = Object.keys(obj);
        console.log(arr);
        arr.forEach(function(value) {
            console.log(value);//

        })
    </script>

---