Webフロントエンド、JS基本型変換、暗黙的変換、明示的変換

序文

継続的な学習の概要出力で、今日私が共有するのは、Web フロントエンド、JS ベースの型変換、暗黙的変換、および明示的変換です。

1. 型変換を行う理由

JavaScript は弱いデータ型です。JavaScript は、値が割り当てられた後でのみ、変数がどのデータ型に属するかを知りません。

フォームやプロンプトを使用して取得されるデータはデフォルトでは文字列型となっており、現時点では単純な加算操作を直接実行することはできません。

例えば：

	<script>
	  console.log('10000' + '12000') // 输出结果   1000012000
	</script>

この場合、変数のデータ型を変換する必要があります。これは、データ型の変数を必要なデータ型に変換することです。

2. 暗黙的な変換

一部の演算子が実行されると、システムは自動的にデータ型を変換します。これを暗黙的変換と呼びます。

暗黙的な変換のルール:

数値の両側の一方が文字列であれば、もう一方も文字列に変換され、
- * / などの + 以外の算術演算子はデータを数値型に変換します。

暗黙的変換の欠点:
変換の種類が明確ではなく、経験によってのみ結論付けることができます。

ヒント:
+ 記号は、正の記号として解析されると数値に変換できます。

   <script>
        // 内部悄悄的把 18 转换为了字符串的 '18'
        console.log('小星' + 18)
        console.log(10 + '10')  //  1010
        // - *  / 把 字符串的 '10' 转换为 数字型 10
        console.log(10 - '10') // 0
        // 小技巧
        let num = '10'
        console.log(num)
        console.log(+num)
        console.log(10 + +'10')
    </script>

操作結果:
画像の説明を追加してください

3. 明示的な変換

暗黙的な変換の法則は明確ではなく、そのほとんどは経験によってまとめられた法則に基づいているため、プログラムを作成するときにシステム内の暗黙的な変換に過度に依存することは厳密には禁止されていません。暗黙的な変換によって引き起こされる問題を回避するために、通常、ルートロジックはデータに対して明示的な変換を実行する必要があります。

数値に変換する

数値(データ)
を数値型に変換しますが、
文字列内容に数値以外が含まれる場合、変換に失敗した場合はNaN(Not a Number)、つまり
数値ではありません。

parseInt(data) は
整数のみを保持します

parseFloat(data) は
小数を保持できます

文字型に変換：
String（データ）
変数.toString（16進数）

   <script>
        // Number(数据)
        console.log(Number('10.01'))
        // 转换为数字型，只保留整数，没有四舍五入
        console.log(parseInt('10'))
        console.log(parseInt('10.111'))
        console.log(parseInt('10.999px'))
        // 转换为数字型，会保留小数
        console.log(parseFloat('10.999'))

        // 区别：
        // 1.Number() 只能放数字类型的字符，不能放abc这样的
        // 否则返回的是 NaN  
        console.log(Number('10.01abc'))
        // parseFloat 经常用于过滤px单位
        console.log(parseFloat('100px'))

    </script>

操作結果:
画像の説明を追加してください

4. まとめ

1. 型変換の概念
あるデータ型を別の型に変換する JavaScript は弱いデータ型計算時にデータ型の変換が必要になる場合が多い

2. 暗黙的な変換
システムが自動的に変換します。

3. 明示的な変換
独自のコードを記述して、どのタイプの数値に変換するかをシステムに指示します
。文字列の内容に数値以外が含まれている場合は、NaN
文字列が返されます。

ここに画像の説明を挿入

最後に一文をシェアします。

道具がなければ自分の顔を見ることはできません。理想的なツールは鏡であり、実際、鏡は私たちが他人ではないことを認識するのに役立ちます。
カーネギー「スクロールズ」

今回の共有は以上です。！！

コメント欄にメッセージを残して議論することを歓迎します。！