ES5新增方法

2021-10-02 01:33:39 字數 4183 閱讀 3595

語法

arr.foreach(function(value, index, array) {})
value：陣列當前項的值

index：陣列當前的索引

array：陣列物件本身

var arr = [1, 2, 3];


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

每個陣列元素1


每個陣列元素索引號0


陣列本身1,2,3


每個陣列元素2


每個陣列元素索引號1


陣列本身1,2,3


每個陣列元素3


每個陣列元素索引號2


陣列本身1,2,3
示例

var arr = [1, 2, 3];


var sum = 0;


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


console.log(sum);//6
arr.filter(function(value, index, array) {})
注意：返回乙個新陣列

value：陣列當前項的值

index：陣列當前的索引

array：陣列物件本身

示例1

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


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


console.log(newarr);
輸出

[66, 88]
示例2

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


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


console.log(newarr);
輸出

[12, 66, 4, 88]
arr.some(function(value, index, array) {})
注意：

1.它返回值是布林值，如果能查詢到這個元素，就返回true,如果查詢不到這個元素，就返回false

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

value：陣列當前項的值

index：陣列當前的索引

array：陣列物件本身

var arr = [10, 30, 4];


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


console.log(flag);//true
1.filter也是查詢滿足條件的元素，返回是乙個陣列，而且是把所有滿足條件的元素返回回來

2.some是查詢滿足條件的元素是否存在，返回的是乙個布林值，如果找到第乙個滿足條件的元素，則終止迴圈

1.在foreach裡面return不會終止遍歷

2.在some裡面遇到return true(return true說明已找到，終止遍歷return false說明沒找到，繼續去找)會終止遍歷 遍歷效率更高

3.在filter裡面return不會終止遍歷

總結：如果查詢陣列中唯一的元素，用some方法更合適

1、map() 方法返回乙個新陣列，新陣列中的元素為原始陣列中的每個元素呼叫函式處理後得到的值。

2、map() 方法按照原始陣列元素順序依次處理元素。

注意：map() 不會對空陣列進行檢測。

注意：map() 不會改變原始陣列 。

**注意：**函式的作用是對陣列中的每乙個元素進行處理，返回新的元素。

3.語法

map是陣列的方法，有乙個引數，引數是乙個函式，函式中有3個引數

引數1：item必須。當前元素的值

引數2：index，可選。當前元素在陣列中的索引值

引數3：arr可選。當前元素屬於的陣列物件

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

var arr = [1, 2, 3, 4, 5];


var arr2 = arr.map(function (item, i, arr) );


console.log(arr2); //[2, 4, 6, 8, 10]
語法：

array.every(function(item,index,array）{})

// item:當前元素的值；

// index:當前元素的索引；

// array:當前元素的陣列物件；

// 陣列中所用的值都大於10


var ages = [32, 33, 12, 40];


var age = ages.every(function (val, ind) )


console.log(age) // true
語法

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

var str = '        andy           ';


var str1 = str.trim();


console.log(str1);
1.object.keys()用於獲取物件自身所有的屬性名

object.keys(obj)
1.效果類似for…in

2.返回乙個由屬性名組成的陣列

var obj = ;


var arr = object.keys(obj);


console.log(arr);
輸出

["id", "pname", "price", "num"]
示例

var obj = ;


var arr = object.keys(obj);


arr.foreach(function(value) )
輸出

id


pname


price


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

語法

object.defineproperty(obj, prop, decriptor)
obj：必需。目標物件

prop：必需。需定義或者修改的屬性的名字

decriptor：必需。目標屬性所擁有的特性

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

1.value:設定屬性的值，預設是undefined

2.writable:值是否重寫。true|false 預設是false

3.enumerable:目標物件是否可以列舉。true|false 預設是false

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

var obj = ;


object.defineproperty(obj, 'num', )


console.log(obj); //


object.defineproperty(obj, 'price', )


console.log(obj); //


object.defineproperty(obj, 'id', )


obj.id = 2;


console.log(obj);


object.defineproperty(obj, 'address', )


console.log(obj); //


console.log(object.keys(obj)); //["id", "pname", "price", "num"]


delete obj.address;


console.log(obj); //

ES5新增方法

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

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迭代 ...