ES5新增方法

2022-08-02 16:09:14 字數 2193 閱讀 9916

迭代(遍歷)方法: foreach0、map0、filter(、 some0、 every0 ;array. some (funct ion (currentvalue, index, arr) )●some0 方法用於檢測陣列中的元素是否滿足指定條件.通俗點查詢陣列中是否有滿足條件的元素●注意它返回值是布林值,如果查詢到這個元素,就返回true,如果查詢不到就返回false.●如果找到第乙個滿足條件的元素,則終止迴圈不在繼續查詢.●currentvalue:陣列當前項的值●index :陣列當前項的索|●arr :陣列物件本身

arr.foreach(function(value, index, array) )

//相當於陣列遍歷的 for迴圈 沒有返回值

var arr = [12, 66, 4, 88, 3, 7];

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

console.log(newarr);//[66,88] //返回值是乙個新陣列

some 查詢陣列中是否有滿足條件的元素 

var arr = [10, 30, 4];

var flag = arr.some(function(value,index,array) );

console.log(flag);//false返回值是布林值,只要查詢到滿足條件的乙個元素就立馬終止迴圈

定義陣列物件資料

var data = [, , , , ];

使用foreach遍歷資料並渲染到頁面中

data.foreach(function(value) );

使用filter將使用者輸入的**資訊篩選出來

search_price.addeventlistener('click', function() );

console.log(newdate);

});

將篩選出來的資料重新渲染到**中

將渲染資料的邏輯封裝到乙個函式中

function setdate(mydata) );

console.log(newdate);

// 把篩選完之後的物件渲染到頁面中

setdate(newdate);

});

根據商品名稱篩選

獲取使用者輸入的商品名稱

為查詢按鈕繫結點選事件,將輸入的商品名稱與這個資料進行篩選

search_pro.addeventlistener('click', function() 

});// 把拿到的資料渲染到頁面中

setdate(arr);

})

var str = '   hello   '

console.log(str.trim())  //hello 去除兩端空格

var str1 = '   he l l o   '

console.log(str.trim())  //he l l o 去除兩端空格

object.keys(物件) 獲取到當前物件中的屬性名 ,返回值是乙個陣列

var obj = ;

var result = object.keys(obj)

console.log(result)//[id,pname,price,num]

object.defineproperty設定或修改物件中的屬性

object.defineproperty(物件,修改或新增的屬性名,)

1.物件方法

1object.defineproperty0 定義新屬性或修改原有的屬性。

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

●value: 設定屬性的值預設為undefined

●writable:值是否可以重寫。true | false 預設為false

●enumerable:目標屬性是否可以被列舉。true | false預設為falsps

●configurable: 目標屬性是否可以被刪除或是否可以再次修改特性true | false預設為false

ES5新增方法

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

ES5中的新增方法

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

前端Es5中新增方法

陣列方法 迭代 遍歷 方法 foreach map filter some every array foreach function currentvalue,index,arr currentvalue 陣列當前項的值 index 陣列當前項的索引 arr 陣列物件本身 例子 foreach迭代 ...