如何分析Javascript類型轉換

今天就跟大家聊聊有關如何分析Javascript類型轉換，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

JavaScript是什么

JS是JavaScript的簡稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發，可以給網站添加各種各樣的動態效果，讓網頁更加美觀。

類型轉換

1.String->Number

const string = "99";
// 隱式轉換
console.log(string * 1 + 77);
// 顯式轉換
console.log(Number(string) + 77);

2.Number->String

const number = 66;
console.log(typeof number);
// 隱式轉換
console.log(typeof (number + ""));
// 顯式轉換
console.log(typeof String(number));

3.混合String->Number

把位于開頭的數值字符串轉為數值型

const string = "66.66alison";
console.log(parseInt(string));
console.log(parseFloat(string));

4.String->Array

const name = "alison";
console.log(name.split(""));

5.Array->String

const array = ["yooo", "alison", "ruby", "andy"];
console.log(array.join(""));
console.log(array.join("&"));

6.Array->Number

空數組為0，x單元素數組為x，多元素數組為NaN

console.log(Number([]));
console.log(Number([3]));
console.log(Number([1, 2, 3]));

7.toString()

主要用于將Array（由逗號隔開）、Boolean、Date、Number等對象轉換成String。

const array = ["yooo", "alison", "ruby", "andy"];
console.log(array.toString());
const number = 99;
console.log(typeof number.toString());

8.Boolean隱式轉換

比較和運算是兩件事

（1）比較

在將boolean與number、string比較時，會隱式地將boolean中的true轉為1、false轉為0

let number = 99;
console.log(number == true);

let hd = '0';
let hd2 = "1";
let hd3 = "99";
console.log(hd == false);
console.log(hd2 == true);
console.log(hd3 == true);

（2）運算

在運算中string和number會被隱式轉換為boolean

let number = 99;
if (number) console.log("number");

（3）其他類型轉換為Boolean

console.log(Boolean([]));
console.log(Boolean({}));

9.Boolean顯式轉換

（1）!!

!先將number轉換為boolean類型，然后再取反

!!相當于把數值轉為布爾

（2）構造函數 Boolean()

// 數值
let number = 0;
number = !!number;
console.log(Boolean(number));
// 字符串
let string = "Alison";
console.log(!!string);
console.log(Boolean(string));
// 數組
let array = [];
console.log(!!array);
console.log(Boolean(array));
// 對象
let object = {};
console.log(!!object);
console.log(Boolean(object));
// 日期
let date = new Date();
console.log(!!date);
console.log(Boolean(date));

看完上述內容，你們對如何分析Javascript類型轉換有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。