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]';
}

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

原文地址:https://www.cnblogs.com/happypayne/p/7742532.html