ES5 新增方法概述

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

数组方法

字符串方法

对象方法

数组方法

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

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

currentValue：数组当前项的值

index：数组当前项的索引

arr：数组对象本身

 filter()

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

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

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

currentValue: 数组当前项的值

index：数组当前项的索引

arr：数组对象本身

some(）

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

some() 方法用于检测数组中的元素是否满足指定条件.   通俗点 查找数组中是否有满足条件的元素

注意它返回值是布尔值, 如果查找到这个元素, 就返回true ,  如果查找不到就返回false.

如果找到第一个满足条件的元素,则终止循环. 不在继续查找.

currentValue: 数组当前项的值

index：数组当前项的索引

arr：数组对象本身

总结

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

2. some 也是查找满足条件的元素是否存在  返回的是一个布尔值 如果查找到第一个满足条件的元素就终止循环

查询商品案例

1.把数据渲染到页面中 (forEach)

2.根据价格显示数据filter)

3.根据商品名称显示数据

按照价格查询:  -  搜索 按照商品名称查询:  查询
id
产品名称
价格

forEach和some区别

在forEach 里面 return 不会终止迭代

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

 filter 里面 return 不会终止迭代

字符串方法

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

str.trim()

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

对象方法

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

Object.keys(obj)

效果类似 for…in

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

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

Object.defineProperty(obj, prop, descriptor)

obj：必需。目标对象

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

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

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

Object.defineProperty(obj, prop, descriptor)

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

value: 设置属性的值  默认为undefined

writable: 值是否可以重写。true | false  默认为false(不可以修改)

enumerable: 目标属性是否可以被枚举。true | false 默认为 false

configurable: 目标属性是否可以被删除或是否可以再次修改特性 true | false  默认为false