ES6-番号
Numberオブジェクトは、整数または浮動小数点数の数値日付を表します。一般に、ブラウザは自動的に数値リテラルを数値クラスのインスタンスに変換するため、Numberオブジェクトについて心配する必要はありません。
以下は、数値オブジェクトを作成するための構文です。
var val = new Number(number);
の場所で number、数値以外の引数を指定した場合、引数をに変換することはできません number、NaN(Not-a-Number)を返します。
数値プロパティ
シニア番号 | プロパティと説明 |
---|---|
1 |
Number.EPSILON
2つの表現可能な数の間の最小間隔。 |
2 |
Number.MAX_SAFE_INTEGER
JavaScriptの最大安全整数(2 ^ 53-1)。 |
3 |
Number.MAX_VALUE
正の表現可能な最大数。 |
4 |
MIN_SAFE_INTEGER
JavaScriptの最小の安全な整数(-(2 ^ 53-1))。 |
5 |
Number.MIN_VALUE
最小の正の表現可能な数-つまり、ゼロに最も近い正の数(実際にはゼロではない) |
6 |
Number.Nan
特別な「数値ではない」値 |
7 |
Number.NEGATIVE_INFINITY
負の無限大を表す特別な値。オーバーフロー時に返される |
8 |
Number.POSITIVE_INFINITY
無限大を表す特別な値。オーバーフロー時に返される |
9 |
Number.prototype
無限大を表す特別な値。オーバーフロー時に返される |
数値メソッド
シニア番号 | 方法と説明 |
---|---|
1 |
Number.isNaN()
渡された値がNaNであるかどうかを判別します。 |
2 |
Number.isFinite()
渡された値が有限数であるかどうかを判別します。 |
3 |
Number.isInteger()
渡された値が整数であるかどうかを判別します。 |
4 |
Number.isSafeInteger()
渡された値が安全な整数であるかどうかを判別します(-(253-1)と253-1の間の数値) |
5 |
Number.parseFloat()
値はグローバルオブジェクトのparseFloat()と同じです |
6 |
Number.parseInt()
値はグローバルオブジェクトのparseInt()と同じです |
数インスタンスメソッド
Numberオブジェクトには、すべてのオブジェクトの定義の一部であるデフォルトのメソッドのみが含まれています。
シニア番号 | インスタンスのメソッドと説明 |
---|---|
1 | toExponential()
指数表記で数値を表す文字列を返します |
2 | toFixed()
固定小数点表記で数値を表す文字列を返します |
3 |
toLocaleString()
この数値を言語に依存して表現した文字列を返します |
4 |
toPrecision()
数値を固定小数点または指数表記で指定された精度で表す文字列を返します |
5 |
toString()
指定された基数(基数)で指定されたオブジェクトを表す文字列を返します |
6 |
valueOf()
指定されたオブジェクトのプリミティブ値を返します。 |
2進数および8進数のリテラル
ES6以前は、整数の2進または8進表現に関して最善の策は、基数を使用してそれらをparseInt()に渡すことでした。ES6では、0bおよび0oプレフィックスを使用して、それぞれ2進数および8進数の整数リテラルを表すことができます。同様に、16進値を表すには、0x プレフィックス。
プレフィックスは大文字または小文字で書くことができます。ただし、小文字バージョンを使用することをお勧めします。
Example − Binary Representation
console.log(0b001)
console.log(0b010)
console.log(0b011)
console.log(0b100)
上記のコードが正常に実行されると、次の出力が表示されます。
1
2
3
4
Example − Octal Representation
console.log(0o010)
console.log(0o100)
上記のコードが正常に実行されると、次の出力が表示されます。
8
64
Example − Hexadecimal Representation
console.log(0o010)
console.log(0o100)
上記のコードが正常に実行されると、次の出力が表示されます。
255
384
オブジェクトリテラル拡張
ES6 以下を紹介します syntax changes オブジェクトリテラル宣言で。
- オブジェクトプロパティ初期化構文
- 計算されたプロパティの構文
- 簡潔なメソッド構文
オブジェクトプロパティ初期化子
に object property initializer syntax、変数を使用してオブジェクトを直接初期化できます。これにより、変数と同じ名前の属性が作成されます。
<script>
let firstName = 'Tutorials',lastName='Point'
let company = {
firstName,
lastName
}
console.log(company)
console.log(company.firstName)
console.log(company.lastName)
</script>
上記のコードの出力は次のようになります-
{firstName: "Tutorials", lastName: "Point"}
Tutorials
Point
計算されたプロパティ
に computed properties syntaxオブジェクトのプロパティは、変数から動的に作成できます。次の例では、名前による変数suffix を計算するために使用されます company オブジェクト。
<script>
let suffix = 'Name'
let company = {
['first'+suffix]:'Tutorials',
['last'+suffix]:'Point'
}
console.log(company)
console.log(company['firstName'])
console.log(company['lastName'])
</script>
上記のコードの出力は次のようになります-
{firstName: "Tutorials", lastName: "Point"}
Tutorials
Point
に Concise method syntax を使用せずにメソッドを直接使用および宣言できます functionキーワード。これは、オブジェクトリテラルに関数を含めるための簡略化された構文です。
<script>
let firstName = 'Tutorials',lastName='Point'
let company = {
firstName,
lastName,
getFullName(){
return this.firstName+" - "+this.lastName
}
}
console.log(company.getFullName())
console.log(company)
</script>
上記のコードの出力は以下のようになります-
Tutorials - Point
{firstName: "Tutorials", lastName: "Point", getFullName: ƒ}