JavaScript常用原生属性、函数（超实用）

一、类型转换

parseFloat()、parseInt()、Number()

作用：
1、parseFloat()、parseInt() 解析一个字符串并返回一个数字，允许开头或结尾有空格；
2、如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN；
3、如果字符不能被转成数字，那么Number() 会返回 NaN。
示例：

let val = ' 12.12Andy';
console.log(parseFloat(val)) // 12.12，返回浮点数
console.log(parseInt(val)) // 12，返回整数
console.log(Number(val)) // NaN

String()、toString()

作用：
1、把对象的值转换为字符串;
2、toString() 不支持 undefined和null;
3、String支持所有字符，属于强制转换，任何字符不管原本是什么类型的值，都会被转换成String类型。
示例：

let a = 12.12;
let b = null;
console.log(String(a)); // '12.12'
console.log(String(b)); // 'null'
console.log(toString(a)); // '12.12'
console.log(toString(b)); // 报错

二、字符串操作方法

trim()

作用：
1、去除字符串两边的空白，包括：空格、制表符 tab、换行符等其他空白符等；
2、不适用于 null, undefined, Number 类型。
示例：

let a = '  123 ';
console.log(a.trim()); // '123'

split()

作用：
1、把一个字符串分割成字符串数组；
2、split() 方法不改变原始字符串；
3、如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
示例：

let a = 'Hello World';
console.log(a.split(" ")); // ['Hello', 'World']

三、数组操作方法

includes()

作用：
判断一个数组是否包含一个指定的值，如果是返回 true，否则false。
示例：

let arr = ['a', 'b', 'c'];
arr.includes('a'); // true
arr.includes('e'); // false

indexOf()

作用：
1、返回数组中某个指定的元素位置，开始位置的索引为 0；
2、如果在数组中没找到指定元素则返回 -1。
示例：

let arr = ['a', 'b', 'c'];
arr.indexOf('b'); // 1
arr.indexOf('e'); // -1

shift()、pop()

作用：
1、shift()，删除并返回数组的第一个元素；
2、pop()，删除并返回数组的最后一个元素。
示例：

let arr = ['a', 'b', 'c'];
arr.shift(); // 'a'
console.log(arr); // ['b', 'c']

slice()

作用：
1、从已有的数组中返回选定的元素；
2、也可以提取字符串;
3、该方法不会改变原数组或字符串。
示例：

let arr = ['a', 'b', 'c'];
let str = 'abc';
arr.slice(0,2); // ['a', 'b']
str.slice(0,1); // 'a'

splice()

作用：
1、用于添加或删除数组中的元素；
2、该方法会改变原始数组。
示例：

let arr1 = ['a', 'b', 'c'];
let arr2 = ['a', 'b', 'c'];
arr1.splice(1, 2, 'd', 'e'); // ['a', 'd', 'e', 'c']，移除数组第2个元素，并添加2个元素
arr1.splice(1, 1); // ['a', 'c']，移除数组第2个元素

filter()

作用：
1、创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素；
2、filter() 不会对空数组进行检测；
3、filter() 不会改变原始数组。
示例：

let arr = [10, 20, 30, 40, 50];
arr.filter(
	item => item > 20
)
// [30, 40, 50]