共计 2788 个字符，预计需要花费 7 分钟才能阅读完成。
数据类型分类
- 基础类型：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'数据类型判断
- 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; // trueinstanceof 的实质是，判断
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]引用类型可以简单地类比成计算机中的快捷方式。
常用又较容易混淆的操作方法：
String
- 剪切
| 方法名 | 说明 |
|---|---|
| slice(start,end) | start 和 end 都可以为负数，皆代表位置索引，从 start 往字符串右边向剪切，end 位置若在 start 左边，则返回为空， |
| substr(start,length) | start 可为负，表示定位到剪切的起始位置，length 需为正数，表示从起始位置往右截取的长度。 |
| substring(index1,index2) | Index1 和 index2 都为正数皆代表位置索引，两者无序即总是取两者之间的字符 |
Number
- toFixed(length)，返回字符串；仅对小数点位后，做特定长度的截取，不够长度则补 0，四舍五入。
var num = 123.5368;
num.toFixed(2); // '123.54'
num.toFixed(1); // '123.5'
num.toFixed(6); // '123.536800'Array
- slice 和 splice
| 方法名 | 说明 |
|---|---|
| slice(start,end) | start 和 end 都可以为负数，皆代表位置索引，从 start 元素往数组右边浅拷贝，不包括 end 位置元素，end 位置若在 start 左边，则返回空数组(类似字符串的 slice)，操作不影响原数组。 |
| splice(start,len,…eles) | start 代表索引位置，可为负；len 表示要删除的个数，eles 表示要在删除的位置中插入的元素，可多个。操作会影响到原数组。返回的为删除的元素数组。 |
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]
正文完
发表至： javascript
2019-06-21
