Javascript es7中比较实用的两个方法示例


Posted in Javascript onJuly 21, 2017

本文主要跟大家介绍了关于es7中两个比较实用的方法,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍:

一、、operator (求幂运算符)**

console.log(2**3);//8
console.log(4**4);//256
//以往的写法
console.log(Math.pow(2,3));//8
console.log(Math.pow(4,4));//256

还不是很简单,两个*号就能进行求幂运算

1.Array.prototype.includes

es6为字符串添加了一个includes方法,现在同样运用与数组

l=[1,2,3]
l.includes(5)//false 跟数组一样

2.字符填充函数padStart 和 padEnd

padStart()在开始部位填充,返回一个给出长度的字符串,填充物给定字符串,把字符串填充到期望的长度。从字符串的左边开始

padEnd从字符串的尾端右边开始填充。第二个参数,你能实际上用一个任何长度的字符串。

console.log('react'.padStart(10).length)   // "  react" is 10
console.log('backbone'.padStart(10).length)   // " backbone" is 10

console.log('react'.padEnd(10, ':-)'))   // "react:-):-" is 10
console.log('backbone'.padEnd(10, '*'))   // "backbone**" is 10

二、Object.values:

let obj = { 
  x: 'xxx', 
  y: 1 
};
 Object.values(obj); // 打印['xxx', 1];

 let obj = ['e', 's', '8'];
 Object.values(obj); // 打印['e', 's', '8'];
  
 Object.values('es8'); // 打印['e', 's', '8'];
  
 const obj = { 10: 'xxx', 1: 'yyy', 3: 'zzz' };
 Object.values(obj); // 打印['yyy', 'zzz', 'xxx'];
//注释:如果是纯 number 型的键值,则返回值顺序根据键值从小到大排列;

总结

以上就是这篇文章的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
推荐dojo学习笔记
Mar 24 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
Aug 14 Javascript
JavaScript动态插入script的基本思路及实现函数
Nov 11 Javascript
js实现弹窗插件功能实例代码分享
Dec 12 Javascript
JavaScript编写连连看小游戏
Jul 07 Javascript
JavaScript对象数组排序实例方法浅析
Jun 15 Javascript
bootstrap输入框组使用方法
Feb 07 Javascript
angularjs中使用ng-bind-html和ng-include的实例
Apr 28 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
简介JavaScript错误处理机制
Aug 04 Javascript
AngularJS中使用three.js的实例详解
Jul 21 #Javascript
Axios学习笔记之使用方法教程
Jul 21 #Javascript
Vue学习笔记进阶篇之函数化组件解析
Jul 21 #Javascript
用javascript获取任意颜色的更亮或更暗颜色值示例代码
Jul 21 #Javascript
基于JavaScript实现数码时钟效果
Mar 30 #Javascript
bootstrap多层模态框滚动条消失的问题
Jul 21 #Javascript
基于JavaScript实现无缝滚动效果
Jul 21 #Javascript
You might like
php HandlerSocket的使用
2011/05/02 PHP
php读取txt文件组成SQL并插入数据库的代码(原创自Zjmainstay)
2012/07/31 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
phpstrom使用xdebug配置方法
2013/12/17 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
Javascript读取cookie函数代码
2010/10/16 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
2014/12/16 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
2016/04/03 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
2018/06/29 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
浅谈Vue的响应式原理
2019/05/30 Javascript
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
python将excel转换为csv的代码方法总结
2019/07/03 Python
python实现最小二乘法线性拟合
2019/07/19 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
Python datetime 如何处理时区信息
2020/09/02 Python
美国体育用品在线:Modell’s Sporting Goods
2018/06/07 全球购物
印尼值得信赖的在线交易网站:Bukalapak
2019/03/11 全球购物
银行纠风工作实施方案
2014/06/08 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
2014年小学教师工作总结
2014/11/10 职场文书
世界环境日活动总结
2015/02/11 职场文书
管理人员岗位职责
2015/02/14 职场文书
退休教师追悼词
2015/06/23 职场文书
2016年党课培训学习心得体会
2016/01/07 职场文书
《岳阳楼记》原文、译文赏析
2019/09/10 职场文书
mysql 获取相邻数据项
2022/05/11 MySQL