ES5經常使用api

String

trim()去除字符創兩側空白

// 刪除一個字符串兩端的空白字符,返回一個去除空白新的字符串。
let str='     testStr    ';
console.log("+" + str + "+"); // +     fff    +
console.log("+" + str.trim() + "+"); // +fff+

Date

now() 靜態方法，獲取當前時間戳

// 1970.7.1到如今的毫秒數
console.log(Date.now());//1500799156134
// toJSON()格林時間(德國) 與咱們的時間正好相反
console.log(new Date().toJSON()); // 2017-07-23T08:42:13.050Z
console.log(new Date().toJSON().slice(0,10)); // 2017-07-23

Number

toFixed()

// 小數後取位數，數字表明取到第幾位，四捨五入返回小數
let num1 = new Number(1.234);
console.log(num1.toFixed(1)); // 1.2
let num2 = new Number(4.645372);
console.log(num2.toFixed(2)); // 4.65
console.log(Math.round(13.89)); // 14 四捨五入返回整數

toPrecision()

// 以指定的精度返回該數值對象的字符串表示。 precision 是 1 ~ 21 之間
let num=100000000000000000000;
console.log(num.toPrecision(7)); // 1.000000e+20
console.log(num.toPrecision(3)); // 1.00e+20

JAON對象

parse()

// 將JSON字符串轉換成JSON對象(JSON反序列化)
let str = '[{"name":"test","age":"10"},{"name":"demo","age":"20"}]';
let json=JSON.parse(str);
console.log(json[1].name); // demo

stringify()

將JSON對象轉換成JSON字符串(JSON序列化)
let arr = [
    {"name": "test", "age":"10"},
    {"name": "demo", "age":"20"},
];
let str = JSON.stringify(arr);
console.log(str); // '[{"name":"test","age":"10"},{"name":"demo","age":"20"}]'

Array

forEach() 循環遍歷

let arr = [1, 2, 3, 4, 5, 7, 8, 9];
arr.forEach(function(value, index) {
    console.log(value); // 1,2,3,4,5,6,7,8,9
    console.log(index); // 0,1,2,3,4,5,6,7,8
});

map() 返回一個修改過的新數組

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.map(function(value) {
    return value * 2 + 1;
});
console.log(arr2); // [3, 5, 7, 9, 11]

filter() 返回知足條件的元素數組

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.filter(function(value) {
    return value > 2;
});
console.log(arr2); // [3, 4, 5]

some() 判斷數組元素是否知足條件,只要有符合的返回true

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.some(function(value) {
    return value > 2;
});
console.log(arr2); // true

every() 數組元素所有知足條件則返回true不然返回false

let arr = [1, 2, 3, 4, 5];
let arr2 = arr.every(function(value) {
    return value > 3;
});
console.log(arr2); // false

indexOf() 返回匹配元素的索引值

let arr = [2, 5, 7, 3, 5];
console.log(arr.indexOf(5, "x")); // 1 ("x"被忽略)
console.log(arr.indexOf(5, "3")); // 4 (從3號位開始搜索)
console.log(arr.indexOf(4)); // -1 (未找到)
console.log(arr.indexOf("5")); // -1 (未找到，由於5 !== "5")

lastIndexOf() 從字符串的末尾開始查找

let arr = [2, 5, 7, 3, 5];
console.log(arr.lastIndexOf(5)); // 4
// console.log(arr.lastIndexOf(5, 3)); // 1 (從後往前，索引值小於3的開始搜索)

// console.log(aa.lastIndexOf(4)); // -1 (未找到)

reduce() 縮小迭代

let arr = [1,2,3,4,5];
let total = arr.reduce(function(last,now) {
    return last * now;
}, 1);
console.log(total); // 120

reduceRight() 右側開始縮小迭代

let arr= [1,2,3,4,5];
let total = arr.reduceRight(function(last,now) {
    return last * now;
}, 1);
console.log(total); // 120

isArray() 判斷變量是否是數組類型

Array.isArray(["3", "4"]);
// true
Array.isArray({"x": "y"});
// false

Function

bind(this,arg1,arg2)

function A(x){
    this. x = x;  
}

function B(y){
    console.log(this.x + ":y=" + y );
}
B.bind(new A(5),6)(); // 5:y=6