es5总结和详细讲解

如果对你有帮助把学会了打在留言区

es5脑图

String

1.String.prototype.concat

关键词:拼接
var a='hello'
var c=a.concat('world!')
console.log(c); //helloworld!
复制代码

性能:

强烈建议使用赋值操作符(+, +=)代替 concat 方法。

2.String.prototype.indexOf

关键词:第一次,索引,-1
 var a='hellohhhh'
 var c=a.indexOf('h')
 var d=a.indexOf('b')
 console.log(c);//0
 console.log(d);//-1
复制代码

3.String.prototype.lastIndexOf

关键词:最后一次,索引,-1
 var a='hellohhhh'
 var c=a.indexOf('h')
 console.log(c);//8
复制代码

4.String.prototype.replace

关键词:第一个,替换
var a='2021-06-30T09:39'
var c=a.replace('T',' ')
console.log(c);//2021-06-30 09:39
复制代码

5.String.prototype.slice

关键词:提取
var a='2021-06-30T09:39'
var c=a.slice(0,10)
console.log(c);//2021-06-30
复制代码

6.String.prototype.split

关键词:分割
 var a='小李,小红,小明'
 var c=a.split(",")
 console.log(c);//[ "小李", "小红", "小明" ]
复制代码

7.String.prototype.trim

关键词:去除空格
  var username='admin  '
  var c=username.trim()
  console.log(c);//admin
复制代码

Array

1.Array.prototype.join

关键词:连接
    var a=[ "小李", "小红", "小明" ]
    var c=a.join('')
    console.log(c);//'小李小红小明'
复制代码

2.Array.prototype.push

关键词:添加 末尾
    var a=[ "小李", "小红", "小明" ]
    var c=a.push('小磊')
    console.log(a);//[ "小李", "小红", "小明", "小磊" ]
复制代码

3.Array.prototype.indexOf

关键词:第一次,索引,-1
    var a=[ "小李", "小红", "小明" ]
    var c=a.indexOf('小磊')
    console.log(c);//-1
复制代码

4.Array.prototype.lastIndexOf

关键词:最后一次,索引,-1
    var a=[ "小李", "小红", "小明" ]
    var c=a.indexOf('小明')
    console.log(c);//2
复制代码

5.Array.prototype.every

关键词:检测每个元素
    var a=[ 1, 2, 3]
    var c=a.every(function (value){
         return value>0
    })
    console.log(c);//true
复制代码

6.Array.prototype.some

关键词:检测,至少一个
    var a=[ 1, 2, 3]
    var c=a.some(function (value){
         return value>0
    })
    console.log(c);//true
复制代码

7.Array.prototype.forEach

关键词:循环
    var a=[ 1, 2, 3]
    var total=0
    var c=a.forEach(function (value) {
      return   total+= value
    })
    console.log(total);//6
复制代码

8.Array.prototype.map

关键词:操作每个元素
    var a=[ 1, 2, 3]
    var c=a.map(function (value){
     return  value*2
    })
    console.log(c);//[ 2, 4, 6 ]
复制代码

9.Array.prototype.filter

关键词:筛选
    var a=[ 1, 2, 3]
    var c=a.filter(function (value){
       return  value>2
    })
    console.log(c);//[ 3 ]
复制代码

10.Array.prototype.reduce

关键词:升序执行
    var a=[ 1, 2, 3]
    var c=a.reduce(function(perValue,curValue) {
        return perValue + curValue
    })
    console.log(c);//6
复制代码

11.Array.prototype.reduceRight

关键词:累加 扁平化
    //累加
    var a=[ 1, 2, 3]
    var c=a.reduceRight(function (perValue,curValue){
       return  perValue+curValue
    })
    console.log(c);//6
    //扁平化二维数组
    var b=[ [1, 2],[3,4],[5,6]]
    var e=[]
    var d=b.reduceRight(function (perValue,curValue){
       return  e=perValue.concat(curValue)
    })
    console.log(e);//[ 5, 6, 3, 4, 1, 2 ]
复制代码

Object

1.Object.getPrototypeOf

关键词:对象原型
    let object={}
    console.log(Object.getPrototypeOf(object));
复制代码

image.png

2.Object.getOwnPropertyDescriptor

关键词:获取自有属性
    const object1 = {
        property1: 42
    };
    const descriptor1 = Object.getOwnPropertyDescriptor(object1, 'property1');
    console.log(descriptor1);
复制代码

image.png

3.Object.getOwnPropertyNames

关键词:返回属性名
    var arr = ["a", "b", "c"];
    console.log(arr)
    console.log(Object.getOwnPropertyNames(arr));
复制代码

image.png

4.Object.create

关键词:创建新对象
    const person = {
        isHuman: false,
    };
    const me = Object.create(person);
    me.name = '小明';
    me.isHuman = true;
    console.log(me);
复制代码

image.png

5.Object.defineProperty

关键词:添加新属性或者修改现有属性(在 Object 构造器对象)
        const object1 = {
        property1:70,
        property2:10
    };
    Object.defineProperty(object1, 'property1', {
        value: 42,
    });
    console.log(object1);
复制代码

image.png

6.Object.defineProperties

关键词:添加新属性或者修改现有属性(在任意一个 Object 类型的实例)
    var obj = {
        'property1': {
            value: false
        }
    };
    Object.defineProperties(obj, {
        'property1': {
            value: true
        },
        'property2': {
            value: 'Hello'
        }
    });
    console.log(obj)
复制代码

image.png

7.Object.seal

关键词:封闭

8.Object.freeze

关键词:冻结

9.Object.preventExtensions

关键词:不可扩展

10.Object.isSealed

关键词:判断是否被密封

11.Object.isFrozen

关键词:判断是否被冻结

12.Object.isExtensible

关键词:判断是否可扩展

13.Object.keys

关键词:返回key的数组
var arr = ['a', 'b', 'c'];
console.log(Object.keys(arr)); // console: ['0', '1', '2']
复制代码

Date

1.Date.now ()

关键词:当前时间

image.png

2.Date.prototype.getFullYear ()

关键词:年
    var today = new Date();
    var year = today.getFullYear();
    console.log(year);//2021
复制代码

3.Date.prototype.getMonth ( )

关键词:月
    var today = new Date();
    var month = today.getMonth();
    console.log(month);//6
复制代码

4.Date.prototype.getDate ( )

关键词:日
    var today = new Date();
    var date = today.getDate();
    console.log(date);//30
复制代码

5.Date.prototype.getDay ( )

关键词:周几
    var today = new Date();
    var week = today.getDay();
    console.log(week);//3
复制代码

6.Date.prototype.getHours ( )

关键词:小时
    var today = new Date();
    var hours = today.getHours();
    console.log(hours);//13
复制代码

7.Date.prototype.getMinutes ( )

关键词:分
    var today = new Date();
    var minutes = today.getMinutes();
    console.log(minutes);//39
复制代码

8.Date.prototype.getSeconds ( )

关键词:秒
    var today = new Date();
    var seconds = today.getSeconds();
    console.log(seconds);//23
复制代码

9.Date.prototype.toISOString()

关键词:YYYY-MM-DDTHH:mm:ss.sssZ
    const event = new Date();
    console.log(event.toISOString());
复制代码

image.png

JSON

1.JSON.parse

关键词:解析json串
    const json = '{"code":200, "res":[]}';
    const obj = JSON.parse(json);
复制代码

image.png

2.JSON.stringify

关键词:转换成json串
    const json = {"code":200, "res":[]};
    const obj = JSON.stringify(json);
复制代码

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享