一.字符串扩展
1.模板字符串
语法: ${`this.name`}
2.部分新方法
1)padStart padEnd 用于头部补全和尾部补全
'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'
'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'
规则:
a) 如果原字符串长度等于或大于指定得最小长度,则返回原字符串
'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'
b) 如果用来补齐的字符串与原字符串两者的长度之和超过了指定的最小长度,则会截取超过位数的补全字符串
'abc'.padStart(5, '123') // 12abc
'abc'.padEnd(5, '123') // abc12
c) 如果省略第二个参数,默认使用空格补全。下面的代码是生成10位的数值字符串。
'x'.padStart(4) // ' x'
'x'.padEnd(4) // 'x '
作用:
a) padStart() 常见的用途是为数值补全指定位数
'1'.padStart(10, '0') // "0000000001"
'12'.padStart(10, '0') // "0000000012"
'123456'.padStart(10, '0') // "0000123456"
b) padStart() 另一个常用的是提示字符串格式。
'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"
3.字符串遍历
ES6之前
1) 使用for循环
2) 转成数组后遍历
ES6
1) 使用for-of遍历字符串
let str = 'PROMISE';
for (let word of str) {
console.log(word);
}
二.对象扩展
1.属性名表达式
const key = 'age';
const xiaoming = {
name: 'xiaoming',
[`${key}123`]: 14
};
2.复制对象 -浅拷贝(引用拷贝)
const obj1 = {
a: 1,
b: 2,
d: {
aa: 1,
bb: 2
}
};
const cObj1 = { ...obj1 }; // 浅拷贝
console.log(cObj1.d.aa); //1
cObj1.d.aa = 999;
console.log(cObj1.d.aa); //999
console.log(obj1.d.aa); //999
3.合并对象
const obj1 = {
a: 1,
b: 2,
d: {
aa: 1,
bb: 2
}
};
const obj2 = {
c: 3,
a: 9
};
const newObj = {
...obj2,
...obj1
};
console.log(newObj); // {c: 3, a: 1, b: 2, d: {aa:22, bb:2}} 相同的key会覆盖前面的
newObj.d.aa = 22;
console.log(obj1); // {a: 1, b: 2, d: {aa:22, bb:2}}
4.部分新的方法和属性
1) Object.is() 判断两个值是否是相同的值
console.log(Object.is(+0, -0)); //false
console.log(+0 === -0); //true
console.log(Object.is(NaN, NaN)); //true
console.log(NaN === NaN); //false
console.log(Object.is(true, false)); //false
console.log(Object.is(true, true)); //true
2) Object.assign() 用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target).
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target); // {a:1, b:2, c:3}
规则:
a) 如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性
const target = { a: 1, b: 1 };
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target); // {a:1, b:2, c:3}
b) Object.assign方法实行的是浅拷贝,而不是深拷贝。也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用
const obj1 = {a: {b: 1}};
const obj2 = Object.assign({}, obj1);
obj1.a.b = 2;
console.log(obj2.a.b); // 2
3) Object.keys / Object.values / Object.entries
const obj = {
a: 1,
b: 2,
c: 3,
d: 4
};
console.log(Object.keys(obj)); // ["a", "b", "c", "d"]
console.log(Object.values(obj)); // [1, 2, 3, 4]
console.log(Object.entries(obj)); // [Array(2), Array(2), Array(2), Array(2)] => 第一个数组:0: ["a", 1]
额外遍历:
for (let [k, v] of Object.entries(obj)) {
console.log(k, v); // 第一个 a 1
}