TECH I.S.

ECMAScript 2020

JavaScriptのバージョン番号

古いJSバージョンは、ES5(2009)およびES6(2015)という番号で名前が付けられています。

2016年以降、バージョンはECMAScript2016、2017、2018、2019のように年によって名前が付けられます。

ES2020の新機能

警告

これらの機能は比較的新しいものです。

古いブラウザでは、代替コード(Polyfill)が必要になる場合があります


JavaScript BigInt

JavaScript BigInt変数は、通常のJavaScriptNumberでは表現できないほど大きな整数値を格納するために使用されます。

JavaScriptの整数は、約15桁までしか正確ではありません。

整数の例

let x = 999999999999999; let y = 9999999999999999; // too big

自分で試してみる»

BigIntの例

let x = 9999999999999999; let y = 9999999999999999n;

自分で試してみる»

BigIntを作成するには、整数の末尾にnを追加するか、BigInt()を呼び出します。

let x = 1234567890123456789012345n; let y = BigInt(1234567890123456789012345)

自分で試してみる»

JavaScripttypeofaBigIntは「bigint」です:

let x = BigInt(999999999999999); let type = typeof x;

自分で試してみる»

BigInt2020年9月以降、すべてのブラウザーでサポートされています。


Chrome67 Edge79 Firefox68 Safari14 Opera54
2018年5月 2020年1月 2019年7月 2020年9月 2018年6月


JavaScript文字列matchAll()

ES2020より前は、文字列内の文字列のすべての出現を検索するために使用できる文字列メソッドはありませんでした。

const iterator = text.matchAll("Cats");

自分で試してみる»

パラメータが正規表現の場合、グローバルフラグ(g)を設定する必要があります。設定しないと、TypeErrorがスローされます。

const iterator = text.matchAll(/Cats/g);

自分で試してみる»

大文字と小文字を区別しないで検索する場合は、insensitiveフラグ(i)を設定する必要があります。

const iterator = text.matchAll(/Cats/gi);

自分で試してみる»

ノート

ES2021文字列メソッドreplaceAll()を導入しました。


The Nullish Coalescing Operator(??)

??演算子は、最初の引数がnullでない(nullまたundefined)場合に返します。

それ以外の場合は、秒を返します。

let name = null; let text = "missing"; let result = name ?? text;

自分で試してみる»

nullish演算子は、2020年3月以降、すべてのブラウザーでサポートされています。


Chrome80 Edge80 Firefox72 Safari13.1 Opera67
2020年2月 2020年2月 2020年1月 2020年3月 2020年3月


オプションの連鎖演算子 (?.)

オプションの連鎖演算子は、undefinedオブジェクトがundefinedの場合にnull(エラーをスローする代わりに)返します。

const car = {type:"Fiat", model:"500", color:"white"}; let name = car?.name;

自分で試してみる»

?.=operator は、2020年3月以降、すべての最新ブラウザでサポートされています。


Chrome80 Edge80 Firefox74 Safari13.1 Opera67
2020年2月 2020年2月 2020年3月 2020年3月 2020年3月


&&=演算子

論理AND代入演算子は2つの値の間で使用されます。

最初の値がtrue、2番目の値が割り当てられます。

論理 AND 代入の例

let x = 10; x &&= 5;

自分で試してみる»

&&=operator は、2020 年 9 月以降、すべてのブラウザーでサポートされています。


Chrome85 Edge85 Firefox79 Safari14 Opera71
2020年8月 2020年8月 2020年3月 2020年9月 2020年9月


||= 演算子

論理OR代入演算子は2つの値の間で使用されます。

最初の値がfalse、2番目の値が割り当てられます。

論理OR代入の例

let x = 10; x ||= 5;

自分で試してみる»

この||=演算子は、2020年9月以降、すべての最新ブラウザでサポートされています。


Chrome85 Edge85 Firefox79 Safari14 Opera71
2020年8月 2020年8月 2020年3月 2020年9月 2020年9月


??= 演算子

Nullish Coalescing Assignment Operatorは2つの値の間で使用されます。

最初の値がundefinedまたnull、2番目の値が割り当てられます。

Null合体代入の例

let x = 10; x ??= 5;

自分で試してみる»

この??=演算子は、2020年9月以降、すべての最新ブラウザでサポートされています。


Chrome85 Edge85 Firefox79 Safari14 Opera71
2020年8月 2020年8月 2020年3月 2020年9月 2020年9月




プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細