手册

目录

JS 2024

收藏605

阅读599

更新时间2025-08-07

JavaScript 版本号

早期的 ECMAScript 版本以数字命名:ES5 和 ES6。

从 2016 年开始,版本以年份命名:ES2016、2018、2020...

第 15 版,ECMAScript 2024,于 2024 年 7 月发布。

ES2024 中的新特性

  • Object.groupBy()
  • Map.groupBy()
  • Temporal.PlainDate()
  • Temporal.PlainTime()
  • Temporal.PlainMonthDay()
  • Temporal.PlainYearMonth()

警告

这些功能相对较新。

较旧的浏览器可能需要替代代码(Polyfill)。

JavaScript Object.groupBy()

实例

// 创建一个数组
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];

// 用于分组元素的回调函数
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}

// 按数量分组
const result = Object.groupBy(fruits, myCallback);
运行实例 »

点击 "运行实例" 按钮查看在线实例

描述

Object.groupBy() 方法根据回调函数返回的字符串值对对象的元素进行分组。

Object.groupBy() 方法不会改变原始对象。

注意:

原始对象和返回对象中的元素是相同的。

对原始对象或返回对象的更改将同时反映在两者中。

JavaScript Map.groupBy()

实例

// 创建一个数组
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];

// 用于分组元素的回调函数
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}

// 按数量分组
const result = Map.groupBy(fruits, myCallback);
运行实例 »

点击 "运行实例" 按钮查看在线实例

描述

Map.groupBy() 方法根据回调函数返回的字符串值对对象的元素进行分组。

Map.groupBy() 方法不会改变原始对象。

注意:

原始对象和返回对象中的元素是相同的。

对原始对象或返回对象的更改将同时反映在两者中。

Object.groupBy() vs Map.groupBy()

Object.groupBy()Map.groupBy() 的区别是:

Object.groupBy() 将元素分组到一个 JavaScript 对象中。

Map.groupBy() 将元素分组到一个 Map 对象中。

JavaScript Temporal.PlainDate()

实例

const date = Temporal.PlainDate(2024, 5, 1);
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript Temporal.PlainTime()

实例

const date = new Temporal.PlainTime(10, 30);
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript Temporal.PlainMonthDay()

实例

const date = new Temporal.PlainMonthDay(5, 1);
运行实例 »

点击 "运行实例" 按钮查看在线实例

JavaScript Temporal.PlainYearMonth()

实例

const date = new Temporal.PlainYearMonth(2024, 5);
运行实例 »

点击 "运行实例" 按钮查看在线实例

相关

视频

RELATED VIDEOS

更多

免费

Web前端开发极速入门
初级 Web前端开发极速入门

219920次学习

收藏

免费

前端入门_HTML5
初级 前端入门_HTML5

616946次学习

收藏

免费

30分钟学会网站布局
初级 30分钟学会网站布局

238440次学习

收藏

免费

CSS视频教程-玉女心经版
初级 CSS视频教程-玉女心经版

393054次学习

收藏

免费

独孤九贱(1)_HTML5视频教程

免费

独孤九贱(6)_jQuery视频教程

免费

独孤九贱(7)_Bootstrap视频教程

免费

独孤九贱(2)_CSS视频教程
初级 独孤九贱(2)_CSS视频教程

229605次学习

收藏

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

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

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