第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

js數(shù)組迭代方法 (every、some、filter、map、forEach) 介紹及其應(yīng)用示例

標(biāo)簽:
JavaScript

ES5为数组新增了5个迭代方法,语法简单易懂,而且非常实用,大大方便了处理数组的任务。
  这5个迭代方法的函数接受3个参数:数组中当前项的值、该项在数组中的索引值和数组对象本身。


1. every

作用:对数组中的每一项运行给定函数,如果每一项的运行结果都返回 true,则返回 true。
  示例:

// 示例数组
var arr = [3, 'abc', 6, 0, '5', 8, true, null, function(){console.warn('hello')}, {a:1, b:2}];
var result = null;

// 判断数组中每一项是否都为 Number 类型
result = arr.every(function(item) {
     return !isNaN(item);
});
console.log('结果:' + result);  // 结果:false
2. some

作用:与 every 方法作用类似,但 every 是只有每一项都为 true 才整体返回 true,而 some 是只要数组任何一项返回 true 则整体返回 true。
  示例:

// 判断数组中是否存在 Boolean 类型
result = arr.some(function(item) {
    return typeof item === 'boolean';
});
console.log('结果:' + result);  // 结果:true
3. filter

作用:顾名思义有“过滤”的意思,运行给定函数返回 false 的数组项会被过滤掉,而返回 true 的每一项会组成一个数组被整体返回。
  示例:

// 返回数组中所有的偶数
result = arr.filter(function(item) {
    if (!isNaN(item)) {
        return item % 2 === 0;
    }
});
console.log('结果:' + result);  // 结果:6,0,8

注:整体返回的是一个数组

4. map

作用:前面3个方法都是和 true | false 打交道的,即通过判断给定函数运行结果的布尔值来处理数组,map是直接针对每一项,返回每次运行给定函数结果组成的数组。
  示例:

// 将数组所有项都转换成字符串
result = arr.map(function(item) {
    return String(item);
});
console.log('结果:' + result);  // 结果:'3','abc','6','0','5','8','true','null','function(){console.warn('hello')}','[object Object]'

注:整体返回的是一个数组

5. forEach

作用:这个方法本质上和使用 for 循环迭代数组是一样的,但代码更加优雅简洁。
  示例:

// 遍历数组,找到 Function 类型并运行
arr.forEach(function(item) {
    if (typeof item === 'function') {
        eval(item());  // console控制台输出:hello
    }
});

注:这个方法没有返回值

點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機(jī)會得

100積分直接送

付費專欄免費學(xué)

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機(jī)會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消