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

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

  • 相关阅读:
    MVC模式和三层架构的区别
    浅谈MVC3自定义分页
    Jquery进度条插件 Progress Bar
    浅谈 MVC3 WebMail 发送邮件
    LINQ orderby 排序妙用
    mvc3 razor视图下 显示字符串形式的html
    Asp.Net MVC3 让你疯狂的5个理由
    4月8日作业 代码审核复查
    几个js处理时间函数
    看看下面JavaScript代码输出什么?
  • 原文地址:https://www.cnblogs.com/happypayne/p/7742532.html
Copyright © 2020-2023  润新知