欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javaScript數(shù)組迭代方法詳解

 更新時(shí)間:2016年04月14日 09:52:01   投稿:lijiao  
這篇文章主要為大家詳細(xì)介紹了javaScript數(shù)組迭代方法,ECMAScript5為數(shù)組定義了5個(gè)迭代方法,感興趣的小伙伴們可以參考一下

本文為大家介紹了javaScript數(shù)組迭代方法,供大家參考,具體內(nèi)容如下

每個(gè)方法都接收兩個(gè)參數(shù):要在每一項(xiàng)上運(yùn)行的函數(shù)  和  (可選的)運(yùn)行該函數(shù)的作用域?qū)ο蟆?/p>

傳入這些方法中的函數(shù)會(huì)接收三個(gè)參數(shù):數(shù)組項(xiàng)的值,該項(xiàng)在數(shù)組中的位置,數(shù)組對(duì)象本身。

forEach()  對(duì)數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù)。該方法沒(méi)有返回值。
every()  對(duì)數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù),如果數(shù)組的每一項(xiàng)都返回true,則返回true。
some()  對(duì)數(shù)組中的每一項(xiàng)運(yùn)行 給定函數(shù),如果數(shù)組的任意一項(xiàng)返回true,則返回true。
fliter()  如果數(shù)組的每一項(xiàng)都返回true,則返回true。返回該函數(shù)會(huì)返回true的項(xiàng)組成的數(shù)組。
map()  如果數(shù)組的每一項(xiàng)都返回true,則返回true。返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組。

請(qǐng)看以下例子:

var numbers = [1,2,3,4,5,4,3,2,1];
//every()
var everyResult = numbers.every(function(item, index, array){
 return (item > 2);
});
alert(everyResult); //false
//some()
var someResult = numbers.some(function(item, index, array){
 return (item > 2);
});
alert(someResult); //true
//filter()
var filterResult = numbers.filter(function(item, index, array){
 return (item > 2);
});
alert(filterResult); //[3,4,5,4,3]
//map()
var mapResult = numbers.map(function(item, index, array){
 return (item * 2);
});
alert(mapResult); //[2,4,6,8,10,8,6,4,2]
//forEach()
numbers.forEach(function(item, index, array){
 alert(item);
}); //多個(gè)彈窗分別顯示數(shù)組中的元素

另一個(gè)javaScript數(shù)組迭代方法,如下

var arr = [3,4,5,6,7,"a"];

var isNum = function(elem,index,AAA){
return !isNaN(elem);
}

var toUpperCase = function(elem){
return String.prototype.toUpperCase.apply(elem);
}

var print = function(elem,index){
console.log(index+"."+elem);
}

/*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行測(cè)試函數(shù),直到獲得對(duì)指定的函數(shù)返回 false 的項(xiàng)。 使用此方法 可確定數(shù)組中的所有項(xiàng)是否滿足某一條件,類似于&&的含義*/
var res = arr.every(isNum);
console.log(res);//false;

/*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行測(cè)試函數(shù),直到獲得返回 true 的項(xiàng)。 使用此方法確定數(shù)組中的所有項(xiàng)是否滿足條件.類似于||的含義*/
res = arr.some(isNum);
console.log(res);//true

/*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行測(cè)試函數(shù),并構(gòu)造一個(gè)新數(shù)組,返回 true的項(xiàng)被添加進(jìn)新數(shù)組。 如果某項(xiàng)返回 false,則新數(shù)組中將不包含此項(xiàng)*/
res = arr.filter(isNum);
console.log(res);//[3, 4, 5, 6, 7]

/*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行函數(shù)并構(gòu)造一個(gè)新數(shù)組,并將原始數(shù)組中的每一項(xiàng)的函數(shù)結(jié)添加進(jìn)新數(shù)組。*/
res = arr.map(toUpperCase);
console.log(res);//["3", "4", "5", "6", "7", "A"]

/*對(duì)數(shù)組中的每一項(xiàng)執(zhí)行函數(shù),不返回值*/
res = arr.forEach(print);
console.log(res);

 

 

//自己擴(kuò)展

/*Array.prototype.every = function(fun,obj) {
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
for (var i = 0; i < len; i++) {
if (!fun.call(obj,this[i], i,this))
return false;
}
return true;
};*/

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家學(xué)習(xí)javaScript數(shù)組迭代方法有所幫助。

相關(guān)文章

  • js 兼容多瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件代碼(IE6/7/8,firefox,chrome)

    js 兼容多瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件代碼(IE6/7/8,firefox,chrome)

    本文講一下js實(shí)現(xiàn)兼容IE6/7/8,firefox,chrome瀏覽器的回車和鼠標(biāo)焦點(diǎn)事件的代碼。
    2010-04-04
  • JavaScript獲取上傳進(jìn)度的幾種方式實(shí)現(xiàn)

    JavaScript獲取上傳進(jìn)度的幾種方式實(shí)現(xiàn)

    進(jìn)度條的應(yīng)用是為了顯示的告訴用戶文件上傳了多少,本文主要介紹了JavaScript獲取上傳進(jìn)度的幾種方式,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-08-08
  • js實(shí)現(xiàn)簡(jiǎn)單音樂(lè)播放器

    js實(shí)現(xiàn)簡(jiǎn)單音樂(lè)播放器

    這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單音樂(lè)播放器,可拖動(dòng)進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-06-06
  • JavaScript DOM常用操作代碼匯總

    JavaScript DOM常用操作代碼匯總

    這篇文章主要介紹了JavaScript DOM常用操作代碼匯總,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-07-07
  • echarts安裝與配置

    echarts安裝與配置

    這篇文章介紹了echarts安裝與配置的方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2022-06-06
  • JS使用ajax方法獲取指定url的head信息中指定字段值的方法

    JS使用ajax方法獲取指定url的head信息中指定字段值的方法

    這篇文章主要介紹了JS使用ajax方法獲取指定url的head信息中指定字段值的方法,實(shí)例分析了Ajax操作URL中head信息的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • Ajax 加載數(shù)據(jù) 練習(xí)代碼

    Ajax 加載數(shù)據(jù) 練習(xí)代碼

    這篇文章主要介紹了Ajax 加載數(shù)據(jù),主要是為了查詢表的顯示,不用嵌入php通過(guò)ajax調(diào)用,現(xiàn)在手機(jī)端的更多顯示功能都是通過(guò)ajax實(shí)現(xiàn)的
    2017-01-01
  • js no-repeat寫法 背景不重復(fù)

    js no-repeat寫法 背景不重復(fù)

    js控制背景不重復(fù)的代碼
    2009-03-03
  • JavaScript實(shí)現(xiàn)簡(jiǎn)易輪播圖最全代碼解析(ES5)

    JavaScript實(shí)現(xiàn)簡(jiǎn)易輪播圖最全代碼解析(ES5)

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易輪播圖最全代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • javascript 判斷中文字符長(zhǎng)度的函數(shù)代碼

    javascript 判斷中文字符長(zhǎng)度的函數(shù)代碼

    在很多時(shí)候,我們?cè)谶M(jìn)行數(shù)據(jù)提交數(shù)據(jù)庫(kù)時(shí).先會(huì)用javascript對(duì)其進(jìn)行有效性驗(yàn)證.如一個(gè)中文javascript為的length是1.但是數(shù)據(jù)庫(kù)中會(huì)占二個(gè)字節(jié).容易出錯(cuò)
    2012-08-08

最新評(píng)論