帶你學習ES5中新增的方法

2022-07-09 11:51:10 字數 2819 閱讀 6239

迭代遍歷方法：foreach()、map()、filter()、some()、every()

判斷方法：isarray()

2.1 foreach跟jquery的each用法類似。語法是：

array.foreach(function(currentvalue, index, arr))
var arr = [1,2,3]


arr.foreach(function(value, index, array))
執行效果如下圖

array.map(function(currentvalue, index, arr))
map() 方法建立乙個新陣列，其結果是該陣列中的每個元素都呼叫乙個提供的函式後返回的結果。

注意：map() 方法是直接返回乙個新的陣列

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


var map1 = array1.map(function(value, index, arr) );


console.log(map1) //[2,8,18,32]
2.3 filter()

array.filter(function(currentvalue, index, arr))
filter()方法用於篩選建立乙個新的陣列，新陣列中的元素是通過檢查指定陣列中符合條件的所有元素，主要用於篩選陣列。

filter()方法是直接返回乙個新的陣列

var arr = [12,66,88]


// 選出大於20的


var newarr = arr.filter(function(value, index))


可以簡寫成var newarr = arr.filter( //[66, 88])


console.log(newarr) //[66, 88]
預覽效果如下圖

array.some(function(currentvalue, index, arr))
some()方法用於檢測陣列中的元素是否滿足指定條件，通俗點查詢陣列中是否有滿足條件的元素

注意： some()方法返回值是布林值，如果查詢到這個元素，就返回true,如果查詢不到則返回false

如果找到第乙個滿足條件的元素，則終止迴圈，不在繼續查詢

var arr=[10,30,4]


var b = arr.some(function(value))


console.log(b) //true
2.5 every()

array.every(function(currentvalue, index, arr))
every() 方法測試乙個陣列內的所有元素是否都能通過某個指定函式的測試。它返回乙個布林值。

注意：every() 方法必須每個元素都符合條件才能返回true，若有乙個不符合，則返回false。

若收到乙個空陣列，此方法在一切情況下都會返回 true。

2.6 isarray()

array.isarray(obj)
array.isarray() 用於確定傳遞的值是否是乙個 array

區別：filter 是查詢滿足條件的元素，返回的是乙個陣列，而且是把所有滿足條件的元素返回回來

some 是查詢滿足條件的元素是否存在，返回的是乙個布林值，如果查詢第乙個滿足條件的元素，就終止迴圈。如果陣列中查詢唯一個元素，用some方法更為合適，因為它找到這個元素，就不在進行迴圈，效率更高

every是查詢所有的元素是否符合條件，返回的是乙個布林值

map是建立乙個新陣列，其結果是該陣列中的每個元素都呼叫乙個提供的函式後返回的結果

trim() 方法會從乙個字串的兩端刪除空白字元

str.trim()
trim() 方法並不影響原字串本身，它返回的是乙個新字串。

object.defineproperty()定義物件中新增屬性或修改原有的屬性

object.defineproperty(obj, prop, descriptor)
object.defineproperty() 第三個引數descriptor說明： 以物件形式{}書寫

var obj = 


//以前的物件新增和修改屬性的方式


obj.num = 1000


obj.pirce = 99


console.log(obj)


定義新屬性或者修改原有的屬性


object.defineproperty(obj, 'num',)


object.defineproperty(obj, 'pricee',)


object.defineproperty(obj, 'id',)


object.defineproperty(obj, 'address',)


console.log(obj)


console.log(object.keys(obj))

ES5中的新增方法

es5中給我們新增了一些方法，可以很方便的運算元組或者字串，這些方法主要包括 陣列方法 字串方法 物件方法 迭代 遍歷 方法 foreach map filter some every foreach array.foreach function currentvalue,index,arr cur...

ES5新增方法

語法 arr.foreach function value,index,array value 陣列當前項的值 index 陣列當前的索引 array 陣列物件本身 var arr 1,2,3 arr.foreach function value,index,array 輸出 每個陣列元素1 每個陣...

ES5新增方法

迭代 遍歷 方法 foreach0 map0 filter some0 every0 array.some funct ion currentvalue,index,arr some0 方法用於檢測陣列中的元素是否滿足指定條件.通俗點查詢陣列中是否有滿足條件的元素 注意它返回值是布林值,如果查詢到這...