0

0

我们必须了解 JavaScript 数组方法

DDD

DDD

发布时间:2025-01-23 15:58:01

|

473人浏览过

|

来源于php中文网

原创

我们必须了解 javascript 数组方法

1. 筛选 (filter)

filter() 方法创建一个新数组,其中只包含满足指定条件的元素。若条件为真,则元素保留;否则,元素被过滤掉。

工作机制:

  • 该方法遍历数组中的每个元素。
  • 若回调函数返回 true,则元素被添加到新数组。
  • 若返回 false,则元素被忽略。

示例:

立即学习Java免费学习笔记(深入)”;

Demila数字内容交易系统
Demila数字内容交易系统

感谢使用Demila。Demila是一款由9秒社团原创的、面向数字内容及其服务的、优美的在线交易系统,她除了能为站长提供一个建站解决方案之外,还能为那些技术精湛的设计者、开发者以及资源拥有者们提供无数个拓展其作品和资源之价值的机会,从而使那些精益求精者的智慧和创意,无论是价格,还是价值,都达到应有的尺度。这是9秒社团Demila项目组的宗旨,也是Demila的使命。我们热切希望能有更多的人为Dem

下载
const boxers = [
    { name: "tyson fury", weight: 280 },
    { name: "mairis briedis", weight: 199 },
    { name: "artur beterbiev", weight: 175 },
    { name: "jermall charlo", weight: 160 },
    { name: "terence crawford", weight: 146 }
];

// 过滤掉体重低于 170 磅的拳击手
const heavyBoxers = boxers.filter(boxer => boxer.weight > 170);

console.log(heavyBoxers);

输出:

[
    { name: "tyson fury", weight: 280 },
    { name: "mairis briedis", weight: 199 },
    { name: "artur beterbiev", weight: 175 }
]

2. 映射 (map)

map() 方法通过对原始数组的每个元素应用指定的转换函数,创建一个新的数组。新数组中的每个元素都是转换函数返回值的副本。

工作机制:

  • 该方法迭代数组中的每个元素。
  • 它应用回调函数中定义的转换逻辑。
  • 回调函数的结果替换新数组中的原始元素。

示例:

立即学习Java免费学习笔记(深入)”;

const decimalNumbers = [222, 354, 4684, 123, 5];

// 将十进制数转换为十六进制数
const hexNumbers = decimalNumbers.map(num => num.toString(16));

console.log(hexNumbers);

3. 归并 (reduce)

reduce() 方法用于将数组归并为单个值,通过对每个元素应用回调函数并累积结果来实现。

工作机制:

  • 该方法迭代数组。
  • 它将回调函数应用于累加器和当前元素。
  • 回调函数的结果成为新的累加器值。
  • 最终返回累加器值。

示例:

立即学习Java免费学习笔记(深入)”;

const numbers = [1, 2, 3, 4, 5];

// 计算所有数字的和
const sum = numbers.reduce((accumulator, current) => accumulator + current, 0); // 0 是累加器的初始值

console.log(sum); // 输出:15

4. 是否存在 (some)

some() 方法检查数组中是否存在至少一个元素满足指定条件。如果任何元素满足条件,则返回 true;否则返回 false

工作机制:

  • 该方法迭代数组。
  • 一旦找到满足条件的元素,它就会停止并返回 true
  • 如果没有元素满足条件,则返回 false

示例:

立即学习Java免费学习笔记(深入)”;

const ages = [16, 20, 14, 18];

// 检查是否存在至少一个成年人 (年龄 ≥ 18)
const hasAdult = ages.some(age => age >= 18);

console.log(hasAdult); // 输出:true

5. 全部满足 (every)

every() 方法检查数组中的所有元素是否都满足指定条件。只有当所有元素都满足条件时,才返回 true;否则返回 false

工作机制:

  • 该方法迭代数组。
  • 如果找到任何不满足条件的元素,则会停止并返回 false
  • 如果所有元素都满足条件,则返回 true

示例:

立即学习Java免费学习笔记(深入)”;

const scores = [80, 85, 90, 95];

// 检查所有分数是否都高于 75
const allAbove75 = scores.every(score => score > 75);

console.log(allAbove75); // 输出:true

6. 包含 (includes)

includes() 方法检查数组是否包含特定值。如果数组中存在该值,则返回 true;否则返回 false

工作机制:

  • 该方法检查数组中的值。
  • 它使用严格相等 (===) 进行比较。
  • 它还可以检查从给定索引开始的特定值。

示例:

立即学习Java免费学习笔记(深入)”;

const numbers = [1, 2, 3, 4, 5];

// 检查是否包含 3
const includesThree = numbers.includes(3);

console.log(includesThree); // 输出:true

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

75

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

36

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

61

2025.11.17

java判断map相关教程
java判断map相关教程

本专题整合了java判断map相关教程,阅读专题下面的文章了解更多详细内容。

42

2025.11.27

2026赚钱平台入口大全
2026赚钱平台入口大全

2026年最新赚钱平台入口汇总,涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道,助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。

59

2026.01.31

高干文在线阅读网站大全
高干文在线阅读网站大全

汇集热门1v1高干文免费阅读资源,涵盖都市言情、京味大院、军旅高干等经典题材,情节紧凑、人物鲜明。阅读专题下面的文章了解更多详细内容。

43

2026.01.31

无需付费的漫画app大全
无需付费的漫画app大全

想找真正免费又无套路的漫画App?本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用,涵盖国漫、日漫、韩漫及经典老番,满足各类阅读需求。阅读专题下面的文章了解更多详细内容。

60

2026.01.31

漫画免费在线观看地址大全
漫画免费在线观看地址大全

想找免费又资源丰富的漫画网站?本合集精选2025-2026年热门平台,涵盖国漫、日漫、韩漫等多类型作品,支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。

12

2026.01.31

漫画防走失登陆入口大全
漫画防走失登陆入口大全

2026最新漫画防走失登录入口合集,汇总多个稳定可用网址,助你畅享高清无广告漫画阅读体验。阅读专题下面的文章了解更多详细内容。

13

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
10分钟--Midjourney创作自己的漫画
10分钟--Midjourney创作自己的漫画

共1课时 | 0.1万人学习

Midjourney 关键词系列整合
Midjourney 关键词系列整合

共13课时 | 0.9万人学习

AI绘画教程
AI绘画教程

共2课时 | 0.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号