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©;//‘小李小红小明’

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©;//-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));

2.Object.getOwnPropertyDescriptor

关键词：获取自有属性

const object1 = {
    property1: 42
};
const descriptor1 = Object.getOwnPropertyDescriptor(object1, 'property1');
console.log(descriptor1);

3.Object.getOwnPropertyNames

关键词：返回属性名

var arr = ["a", "b", "c"];
console.log(arr)
console.log(Object.getOwnPropertyNames(arr));

4.Object.create

关键词：创建新对象

const person = {
    isHuman: false,
};
const me = Object.create(person);
me.name = '小明';
me.isHuman = true;
console.log(me);

5.Object.defineProperty

关键词：添加新属性或者修改现有属性（在 Object 构造器对象）

    const object1 = {
    property1:70,
    property2:10
};
Object.defineProperty(object1, 'property1', {
    value: 42,
});
console.log(object1);

6.Object.defineProperties

关键词：添加新属性或者修改现有属性（在任意一个 Object 类型的实例）

var obj = {
    'property1': {
        value: false
    }
};
Object.defineProperties(obj, {
    'property1': {
        value: true
    },
    'property2': {
        value: 'Hello'
    }
});
console.log(obj)

7.Object.sea

关键词：封闭

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 ()

关键词：当前时间

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());

JSON
1.JSON.parse
关键词：解析json串

const json = '{"code":200, "res":[]}';
const obj = JSON.parse(json);

2.JSON.stringify
关键词：转换成json串

const json = {"code":200, "res":[]};
const obj = JSON.stringify(json);