一般的な JavaScript の型変換とその予期しない出力

JavaScript の型変換の概要

JavaScript の型変換は初心者にとってはわかりにくいかもしれません。 JavaScript は特定の操作中に異なるデータ型の間で自動(dòng)的に変換を行うため、予期しない結(jié)果が生じる可能性があります。型変換がどのように機(jī)能するかを理解することは、クリーンでバグのないコードを作成するために不可欠です。このガイドでは、JavaScript でのさまざまな型変換を順を追って説明し、概念を説明し、予想される出力を示します。

---

JavaScript の typeof を理解する

変換について説明する前に、JavaScript がデータ型をどのように識(shí)別するかを理解することから始めましょう。 JavaScript は typeof を使用して変數(shù)または値の型を返します。

console.log(typeof null);        // "object"
console.log(typeof undefined);   // "undefined"

説明:

• null: JavaScript では、typeof null は「object」を返します。これは言語のエラーですが、下位互換性のために殘されています。それにもかかわらず、null は値が存在しないことを表すプリミティブです。
• 未定義: この型は、変數(shù)が宣言されているが値が割り當(dāng)てられていない場(chǎng)合に使用されます。 typeof と一緒に使用すると、直接「未定義」を返します。

---

文字列を數(shù)値に変換する

JavaScript は、値を數(shù)値型に変換する Number() 関數(shù)を提供します。いくつかのケースを見てみましょう。

例 1: 數(shù)値文字列の変換

let score = "33";            // Type: string
let valueInNum = Number(score);
console.log(typeof score);    // "string"
console.log(typeof valueInNum); // "number"
console.log(valueInNum);      // 33

説明:

• 數(shù)値文字列 (例: "33") が Number() に渡されると、JavaScript はそれを數(shù)値型に正常に変換します。
• typeof は、score が元々文字列であったことを示しますが、valueInNum は値 33 を持つ數(shù)値になりました。

例 2: 數(shù)値以外の文字列の変換

let scoreStr = "33abc";       // Type: string
let valueInNum1 = Number(scoreStr);
console.log(typeof valueInNum1); // "number"
console.log(valueInNum1);      // NaN

説明:

• Number() 関數(shù)が「33abc」のような數(shù)値以外の文字列に適用される場(chǎng)合、JavaScript はそれを數(shù)値に変換できません。代わりに、「Not-a-Number」を表す NaN を返します。この動(dòng)作は、無効な數(shù)値変換にフラグを立てるのに役立ちます。

Null から數(shù)値への変換

JavaScript の null 値も數(shù)値に変換できます。何が起こるかは次のとおりです:

let scoreNull = null;
let valueInNull = Number(scoreNull);
console.log(typeof valueInNull); // "number"
console.log(valueInNull);       // 0

説明:

• null を數(shù)値に変換すると 0 が返されます。JavaScript は null を空の値として扱い、數(shù)値的には 0 となります。

Boolean() によるブール変換

JavaScript では、さまざまな値をブール値に変換し、true または false を出力できます。これは、條件ステートメントで特に便利です。

例: 真の値と偽の値

let isLoggedIn = 1;
let boolInNum = Boolean(isLoggedIn);
console.log(boolInNum);        // true

説明:

• JavaScript では 1 が true とみなされ、0 は false とみなされます。したがって、Boolean(1) は true を返します。
• JavaScript のその他の不正な値には、0、"" (空の文字列)、null、未定義、NaN などがあります。他の値 (空でない文字列など) は true に変換されます。

真の値と偽の値の追加の例をいくつか示します:

console.log(typeof null);        // "object"
console.log(typeof undefined);   // "undefined"

説明:

• 0、""、null、未定義、NaN はすべて false と評(píng)価されます。
• 空でない文字列 (例: "chin2") は true とみなされます。

---

JavaScript での一般的な型変換: 概要

JavaScript は、必要に応じて強(qiáng)制を使用して型間の値を変更します。一般的なコンバージョンの簡(jiǎn)単な概要は次のとおりです:

---

JavaScript の型変換に関する FAQ

Q: typeof null が「object」を返すのはなぜですか?

A: これは JavaScript の長(zhǎng)年のバグです。當(dāng)初、null はプレースホルダー オブジェクトであることを目的としていましたが、古いコードとの互換性のためにこの分類が殘されました。

Q: JavaScript ではどのような値が不正とみなされますか?

A: 0、"" (空の文字列)、null、未定義、NaN は JavaScript では偽の値であり、ブール値に変換すると false と評(píng)価されることを意味します。

Q: JavaScript で NaN は何を意味しますか?

A: NaN は「Not-a-Number」の略で、「33abc」を數(shù)値に変換しようとするなど、無効な數(shù)値操作の結(jié)果として生じます。

結(jié)論

JavaScript での型変換を理解することは、変數(shù)を操作したりデータ操作を?qū)g行したりするために不可欠です。 typeof と、Number() や Boolean() などの変換関數(shù)の効果を理解することで、バグを回避し、より信頼性の高いコードを作成できます。さまざまな例を使ってこれらの概念を練習(xí)し続けると、すぐに JavaScript プログラミングの旅の中でこれらの概念が第 2 の習(xí)慣になるでしょう。

以上がJavaScript の型変換の一般的な間違いとその修正方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語 Web サイトの他の関連記事を參照してください。