数据类型

摘要：，通过原型上的方法，判断对象所属类型数据的操作方法基本数据类型的所有方法操作都不改变原始值。对象类型的数据，操作过程中始终留意引用地址的中转概念，其原型上方法有会改变和不改变原值的两种类型。

基础类型：string，number，boolean，undefined，null，symbol

对象类型：object

基础类型为原始值，其值不能被修改；对象类型为引用类型，可以理解为指针，通过引用类型找到内存中的地址，然后再进行相关操作。

// 基本类型
var a = 10;
var b = a ;
a = 20;
console.log(b); // 10

// 对象类型
var c = { name:"hello"};
var d = c ;
c.name = "world";
console.log(d.name); // "world"

var str1 = "hello";
var str2 = new String("hello");
var str3 = `${"hello"}abc`

// 其他类型转换成字符串
["h","e","l","l","o"].join(""); // "hello"
var num = 123;
num += "";
num.toString(); 
String(num); // "123"
String(true); // "true"

var num1 = 123;
var num2 = new Number(123);

var num3 = parseInt("12px"); // 12
var num4 = parseFloat("12.22px"); // 12.22
var num5 = Number("123");

var boo1 = true;
var boo2 = New Boolean(true);

var a = 1;
var boo2 = !!a; // true

var undef = undefined;
var a; 
a; // undefined

typeof，获取值的所属类型以字符串形式返回

typeof "hello"; // "string"
typeof 123; // "number"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof null; // "object" (特例1)
typeof Symbol("hello"); // "symbol"

typeof {a:1} ; // "object"
typeof function(){}; // "function" (特例2)

特例1，属于基础类型的 null 经过 typeof 操作符操作后返回的是 object；特例2，函数隶属于对象，typeof 操作直接返回 function。

instanceof，可以判断通过 new 操作符生成的各种数据类型

var str = "hello";
str instanceof String ; // false
new String("hello") instanceof String; // true

// number，booelan 同理，(null,undefined,symbol没有构造函数)
123 instanceof Number; // false
new Number(123) instanceof Number ; // true

true instanceof Boolean; // false
new Boolean(true) instanceof Boolean; // true

instanceof 的实质是，判断 instanceof 左边对象的原型是不是在右边对象的原型链中。

toString，通过 Object 原型上的 toString 方法，判断对象所属类型

Object.prototype.toString.call("hello"); // "[object String]"
Object.prototype.toString.call(123); // "[object Number]"
Object.prototype.toString.call(true); // "[object Boolean]"
Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call(Symbol("hi")); // "[object Symbol]"

Object.prototype.toString.call(function(){}); // "[object Function]"
Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(new Date()); // "[object Date]"
Object.prototype.toString.call(/w+/); // "[object RegExp]"
Object.prototype.toString.call({}); // "[object Object]"

基本数据类型的所有方法操作都不改变原始值。
对象类型的数据，操作过程中始终留意引用地址的中转概念，其原型上方法有会改变和不改变原值的两种类型。

// 基本类型
var str = "hello";
str.toUpperCase(); // 仅返回值为 "HELLO"，并不是直接在原值上修改
console.log(str); // "hello"

// 对象类型
// 改变值
var arr1 = [1,2,3];
arr1.push(4); 
arr1; // [1,2,3,4]

// 不改变值
var arr2 = [5,6,7];
arr2.concat(arr1); // 返回 [5,6,7,1,2,3,4]
arr2; // [5,6,7]

// 引用地址示例
var arr3 = [8,9]; // arr3 实则对应的是内存中 [8,9] 数组的引用地址，比如 x0001
var arr4 = arr3; // arr4 为 arr3 的值，即为 x0001
arr4[0]= 10; // 在对地址进行操作和读值时，则又通过引用找到对应的区域进行读写操作
arr3; // [10，9]

引用类型可以简单地类比成计算机中的快捷方式。

常用又较容易混淆的操作方法：

剪切

toFixed(length)，返回字符串；仅对小数点位后，做特定长度的截取，不够长度则补0，四舍五入。

var num = 123.5368;
num.toFixed(2); // "123.54"
num.toFixed(1); // "123.5"
num.toFixed(6); // "123.536800"

slice 和 splice

var arr = [1,2,3,4,5,6,7,8];

// slice 
arr.slice(-4,-1); // [5,6,7]

// splice
var data = arr.splice(0,1,99); 
arr; // [99,2,3,4,5,6,7,8]
data; // [1]