03-JavaScript高级--ES5新增方法

03-JavaScript高级–ES5新增方法

三、ES5新增方法

1.数组方法

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

1.1 forEach()

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

currentValue：数组当前项的值

index：数组当前项的索引

arr：数组对象本身

1.2 filter()

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

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组
注意它直接返回一个新数组

currentValue: 数组当前项的值

index：数组当前项的索引

arr：数组对象本身

1.3 some()

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

some() 方法用于检测数组中的元素是否满足指定条件. 通俗点 查找数组中是否有满足条件的元素
注意它返回值是布尔值, 如果查找到这个元素, 就返回true , 如果查找不到就返回false.
如果找到第一个满足条件的元素,则终止循环. 不在继续查找.

currentValue: 数组当前项的值

index：数组当前项的索引

arr：数组对象本身

1.4 forEach和some区别

    var arr = ['red', 'green', 'blue', 'pink'];
      // 1. forEach迭代 遍历
      // arr.forEach(function(value) {
      //     if (value == 'green') {
      //         console.log('找到了该元素');
      //         return true; // 在forEach 里面 return 不会终止迭代
      //     }
      //     console.log(11);

      // })
      // 如果查询数组中唯一的元素, 用some方法更合适,
      arr.some(function(value) {
          if (value == 'green') {
              console.log('找到了该元素');
              return true; //  在some 里面 遇到 return true 就是终止遍历 迭代效率更高
          }
          console.log(11);

      });
      // arr.filter(function(value) {
      //     if (value == 'green') {
      //         console.log('找到了该元素');
      //         return true; //  // filter 里面 return 不会终止迭代
      //     }
      //     console.log(11);
      // });

1.5 map()

array.map(function(currentValue, index, arr){})

1、map() 方法返回一个新数组，新数组中的元素为原始数组中的每个元素调用函数处理后得到的值。

2、map() 方法按照原始数组元素顺序依次处理元素。

map是数组的方法，有一个参数，参数是一个函数，函数中有3个参数

参数1：currentValue必须。当前元素的值

参数2：index，可选。当前元素在数组中的索引值

参数3：arr可选。当前元素属于的数组对象

注意： map() 不会对空数组进行检测；map() 不会改变原始数组；函数的作用是对数组中的每一个元素进行处理，返回新的元素。

1.6 every()

    every 方法会对数组的每一项都进行一次callback 回调函数，如果所有的元素都通过callback函数的测试，就返回true 否则返回 false。

• every 方法为数组中的每一个元素执行一次callback 函数，直到找到一个使callback 函数可以返回 falsy的元素。如果发现了一个这样的元素，every 方法会立即返回 false，否则every 方法为每一个元素返回 true，此时every 就会返回true。callback 函数只会为那些已经赋值的元素调用，不会为那些未赋值或被删除的元素调用。
• 若收到一个空数组，则结果无论在什么条件下都会返回 true。
• every 方法不会改变原数组。

语法：arr.every(function(currentValue[,index[,array]])[, thisArg])

function：为数组中每个元素执行的回调函数，该函数最多接收三个参数

currentValue：数组正在处理的当前元素

index：（可选）数组正在处理的当前元素的下标

array：（可选）调用every方法的当前数组

thisArg：（可选）执行callback回调函数时的this值

返回值：如果回调函数的每一次执行结果都是truthy 值，返回true 否则返回 false

const arr = [10, 2, 30, 100, 50]
const result = arr.every(function(item) {
	return item < 200
})
result  // true

2.字符串方法

str.trim()

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

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

3.对象方法

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

Object.keys(obj)

效果类似 for…in
返回一个由属性名组成的数组

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

Object.defineProperty(obj, prop, descriptor)

obj：必需。目标对象

prop：必需。需定义或修改的属性的名字

descriptor：必需。目标属性所拥有的特性

Object.defineProperty() 第三个参数 descriptor 说明： 以对象形式 { } 书写

• value: 设置属性的值 默认为undefined
• writable: 值是否可以重写。true | false 默认为false
• enumerable: 目标属性是否可以被枚举，是否可以被遍历出来。true | false 默认为 false
• configurable: 目标属性是否可以被删除或是否可以再次修改特性 true | false 默认为false

// 删除属性
delete.obj.address // 删除address属性