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 相关文章推荐
validator验证控件使用代码
Nov 23 Javascript
基于jQuery的模仿新浪微博时间的组件
Oct 04 Javascript
5个javascript的数字格式化函数分享
Dec 07 Javascript
js性能优化 如何更快速加载你的JavaScript页面
Mar 17 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
jquery trigger函数执行两次的解决方法
Feb 29 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
javascript 判断一个对象为数组的方法
May 03 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
Jul 11 Javascript
Vue.js组件间通信方式总结【推荐】
Nov 23 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 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的Json中文处理解决方案
2016/09/29 PHP
postman的安装与使用方法(模拟Get和Post请求)
2018/08/06 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
2010/03/02 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
jQuery入门基础知识学习指南
2015/08/14 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
jQuery 中ajax异步调用的四种方式
2016/06/28 Javascript
利用原生JS自动生成文章标题树的实例
2016/08/22 Javascript
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
2017/02/19 Javascript
Nginx设置为Node.js的前端服务器方法总结
2019/03/27 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
Vue3不支持Filters过滤器的问题
2020/09/24 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
python实现问号表达式(?)的方法
2013/11/27 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
python-opencv颜色提取分割方法
2018/12/08 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
python实现用户名密码校验
2020/03/18 Python
Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境
2020/04/08 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
马来西亚与新加坡长途巴士售票网站:BusOnlineTicket.com
2018/11/05 全球购物
高级3D打印市场:Gambody
2019/12/26 全球购物
计算机应用专业毕业生求职信
2013/10/24 职场文书
镇党委书记群众路线整改措施思想汇报
2014/10/13 职场文书
个人学习党的群众路线教育实践活动心得体会
2014/11/05 职场文书
乱世佳人观后感
2015/06/08 职场文书
python实现自定义日志的具体方法
2021/05/28 Python
Golang数据类型和相互转换
2022/04/12 Golang
MySQL时区造成时差问题
2022/04/13 MySQL
SpringBoot集成MongoDB实现文件上传的步骤
2022/04/18 MongoDB