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 相关文章推荐
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 Javascript
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
Mac/Windows下如何安装Node.js
Nov 22 Javascript
Javascript玩转继承(一)
May 08 Javascript
javascript实时显示当天日期的方法
May 20 Javascript
JQuery+CSS实现图片上放置按钮的方法
May 29 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
jQuery EasyUI 页面加载等待及页面等待层
Feb 06 Javascript
JavaScript中创建原子的方法总结
Aug 26 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
Mar 31 Javascript
原生js实现随机点名
Jul 05 Javascript
Vue按时间段查询数据组件使用详解
Aug 21 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的错误信息
2006/10/09 PHP
ThinkPHP3.1的Widget新用法
2014/06/19 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
canvas的神奇用法
2017/02/03 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
[04:21]狐狸妈带你到现场 DOTA2 TI中国区预选赛线下赛路线指引
2014/05/22 DOTA
python中使用sys模板和logging模块获取行号和函数名的方法
2014/04/15 Python
windows下wxPython开发环境安装与配置方法
2014/06/28 Python
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
python的构建工具setup.py的方法使用示例
2017/10/23 Python
python实现百万答题自动百度搜索答案
2018/01/16 Python
使用Python设计一个代码统计工具
2018/04/04 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
python rsync服务器之间文件夹同步脚本
2019/08/29 Python
基于python3 的百度图片下载器的实现代码
2019/11/05 Python
python的scipy实现插值的示例代码
2019/11/12 Python
django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用,基于对象的跨表查询】
2019/12/12 Python
Python是什么 Python的用处
2020/05/26 Python
Python控制台实现交互式环境执行
2020/06/09 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
如何判断一段程序是由C 编译程序还是由C++编译程序编译的
2013/08/04 面试题
公司财务总监岗位职责
2013/12/14 职场文书
演讲稿开场白
2014/01/13 职场文书
班主任培训研修日志
2015/11/13 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
Python基础之数据结构详解
2021/04/28 Python