js中的数据类型转换

1、数字转化为字符串

// 数字转化为字符串
const number = 99;
console.log(typeof number); //number
console.log(typeof number.toString()); //string

2、字符串转化为数字

全局方法 Number() 可把字符串转换为数字。

Number("3.14")    // 返回 3.14
Number(" ")       // 返回 0
Number("")        // 返回 0
Number("99 88")   // 返回 NaN

parseInt()和parseFloat() 可以把字符串转化为数字，可以忽略数字后面的字符串，但是如果首字符为非数字型字符，则转化失败。 

// 字符串转化为数字
let str = "78hello";
console.log(parseInt(str)); //78
let str1 = "he78llo";
console.log(parseInt(str1)); //NaN

3、字符串转化为数组

// 字符串转化为数组
let string = "helloworld";
console.log(Array.from(string));//["h", "e", "l", "l", "o", "w", "o", "r", "l", "d"]
console.log(string.split(""));//["h", "e", "l", "l", "o", "w", "o", "r", "l", "d"]
console.log(...string);//h e l l o w o r l d
const [...arr] = string;
console.log(arr); //["h", "e", "l", "l", "o", "w", "o", "r", "l", "d"]

4、数组转化为字符串

// 数组转化为字符串
const array = ["hello", "world"];
console.log(array.join("")); //helloworld
console.log(array.toString()) //hello,world
console.log(String(array)) //hello,world

5、关于布尔类型的转换

首先，布尔类型可以转化为数值：

Number(false)     // 返回 0
Number(true)      // 返回 1

let number = 99;
if (number){
    console.log(number); //99
}
console.log(number==true); //false

let num = 0;
console.log(num==false); //true

双!!的使用：

// 使用双!!把数值类型转化为布尔类型
let number = 0;
console.log(!!number); //false  
let number = 10;
console.log(!!number); //true 

// 使用双!!把字符串类型转化为布尔类型
let string = "hello";
console.log(!!string); //true  
let str = "";
console.log(!!str); //false

// 使用双!!把数组类型转化为布尔类型
let array = ["hello", "world"];
console.log(!!array); //true  
let array = [];
console.log(!!array); //true 

// 使用双!!把对象类型转化为布尔类型
let obj = {};
console.log(!!obj); //true  

6、把日期转换为数字

const date = new Date("1990-8-1 12:40:20");
console.log(date * 1);   //649482020000
console.log(Number(date));   //649482020000
console.log(date.valueOf());   //649482020000
console.log(date.getTime());   //649482020000

7、关于数组元素的追加技巧

// 数组元素的追加
let arr = ["hello", "world"];
arr[arr.length] = "java";
arr[arr.length] = "js";
console.log(arr);  //["hello", "world", "java", "js"]

// 更推荐下面的方法
let array = ["hello", "world"];
array.push("java");
console.log(array); //["hello", "world", "java"]

8、关于字符串的展开技巧

// 字符串展开
let arr1 = ["hello", "world"];
let arr2 = ["js", "java"];
arr = [...arr1, ...arr2];
console.log(arr);  // ["hello", "world", "js", "java"]

9、解构语法基础使用

let array = ["mason", 2020];
let [name, year] = array;
console.log(name, year); //mason 2020