ECMAScript 2024

JavaScript 版本号

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

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

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

ES2024 中的新特性

警告

这些功能相对较新。

较早的浏览器可能需要替代代码（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()와 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);

직접 테스트해 보세요