JavaScript开发中使用频率较高的一些方法

1、填充字符串

ES7推出了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。

String.prototype.padStart(maxLength, fillString=’ ‘)

该方法是在字符串之前使用 fillString 填充，直到字符串长度为 maxLength 。

String.prototype.padEnd(maxLength, fillString=’ ‘)

该方法是在字符串之后使用 fillString填充，直到字符串长度为 maxLength 。

以在字符串之前填充指定字符为例：

1）字符串的长度小于maxLength，在字符串之前填充指定的字符。

'hello'.padStart(10,'a');// 返回"aaaaahello"

做时间倒计时的功能，如果数字是一位数，可以把它转换成字符串类型，然后在前面填充0。

String(num).padStart(2,0)

String(1).padStart(2,0) //输出'01’
String(11).padStart(2,0)//输出'11'

2）如果省略了 fillString ，则使用一个单独空格字符串（”）代替。

'hello'.padStart(10); //返回"     hello"

3）如果字符串的长度大于等于 maxLength ，则返回原始字符串。

'hello'.padStart(5,'a');//返回"hello"

 2、数组克隆

arrayObject.slice(start,end)

方法可从已有的数组中返回选定的元素。如果设置第一个参数为0，并且没有指定end参数，则会返回一个新的数组，新数组包括原来数组的所有元素。

var arr = [1,2,3];
var temp = arr.slice(0);
console.log(temp);//[1,2,3]

但是并不会深度克隆元素：

var arr = [1,2,3,{name:'zhangsan',age:30}];
var temp = arr.slice(0);
arr[3].age = 50;
console.log(temp);//[1,2,3,{name:'zhangsan',age:50}]

 3、判断是不是数组

function isArray(obj) {
    return Array.isArray ? Array.isArray(obj) : Object.prototype.toString.call(obj) === '[object Array]';
}

 

努力学习，慢慢积累，不断补充完善中，加油~~~