ES7新特性(values、entries、padStart、padEnd)

Object.values()  

// 情境一、(普通对象)
let obj1 = {
  name: 'pxq',
  age: '22'
}
console.log(Object.values(obj1)); //***[ 'pxq', '22' ] 以数组形式返回key


// 情境二、(key为数字格式)
let obj2 = {
  2: 'pxq',
  3: '22',
  1: 'zuqiu'
}
console.log(Object.values(obj2)); //***[ 'zuqiu', 'pxq', '22' ] 以数组形式返回key,并根据key的大小排序

// 情境三、(传入数组)
let arr1 = ['222', '333', '555', '111'] 
console.log(Object.values(arr1)); //****[ '222', '333', '555', '111' ] 返回数组不排序

// 情境四、 (传入字符)
console.log(Object.values('pxq')); //****[ 'p', 'x', 'q' ] 数组形式拆分字符

// 情境五、 (传入数字)
console.log(Object.values(13132)); //****[ ] 返回空数组

Object.entries() 

// 情境一、(普通对象)
let obj1 = {
  name: 'pxq',
  age: 22
}
console.log(Object.entries(obj1)); //*** [ [ 'name', 'pxq' ], [ 'age', 22 ] ]


// 情境二、(key为数字格式)
let obj2 = {
  2: 'pxq',
  1: 22,
  3: 'zuqiu'
}
console.log(Object.entries(obj2)); //*** [ [ '1', 22 ], [ '2', 'pxq' ], [ '3', 'zuqiu' ] ] 


// 情境三、(数组)
let arr1 = ['aaa', 'bbb', 'ccc']
console.log(Object.entries(arr1));//*** [ [ '0', 'aaa' ], [ '1', 'bbb' ], [ '2', 'ccc' ] ]

// 情境四、(字符串)
console.log(Object.entries('pxq'));//*** [ [ '0', 'p' ], [ '1', 'x' ], [ '2', 'q' ] ]


// 情境四、(数字)
console.log(Object.entries(132));//*** []

padStart

MDN

padStart()方法用另一个字符串填充当前字符串(如果需要,可以多次),直到生成的字符串达到给定的长度。填充从当前字符串的开头开始应用。

const pxq = 'aaa'
pxq.padStart(10, '-'); //-------aaa

padEnd 

MDN

padEnd()方法用给定的字符串填充当前字符串(如果需要,请重复),以便生成的字符串达到给定的长度。填充从当前字符串的末尾开始应用。

const pxq = 'aaa'
pxq.padEnd(10, '-'); //aaa-------

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值