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

本文主要跟大家介绍了关于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 型的键值,则返回值顺序根据键值从小到大排列;

总结

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

(0)

相关推荐

  • es7学习教程之Decorators(修饰器)详解

    本文主要给大家介绍的是关于es7 Decorators(修饰器)的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍: ES6 Decorators(修饰器) 修饰器(Decorator)是一个函数,用来修改类的行为.这是ES7的一个提案,目前Babel转码器已经支持 我们在游戏大型项目种经常会用到的方法,现在es6直接支持 想要使用Decorator的话需要我们配置一下文件夹,配置一下环境 npm install babel-plugin-transform-decorato

  • es7学习教程之fetch解决异步嵌套问题的方法示例

    本文主要给大家介绍的是关于fetch API解决异步嵌套问题,下面话不多说,来一起看看详细的介绍: 我们之前学习了async和await,知道他是为了解决浏览器异步获取的的!但是我们用fetch api的话方法会更加的简单 async和await解决异步嵌套 function ajax(url){ return new Promise(function(reslove,reject){ let xmlHttp=new XMLHttpRequest(); xmlHttp.open("get&quo

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

    本文主要跟大家介绍了关于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为字符

  • Python实现删除排序数组中重复项的两种方法示例

    本文实例讲述了Python实现删除排序数组中重复项的两种方法.分享给大家供大家参考,具体如下: 对于给定的有序数组nums,移除数组中存在的重复数字,确保每个数字只出现一次并返回新数组的长度 注意:不能为新数组申请额外的空间,只允许申请O(1)的额外空间修改输入数组 Example 1: Given nums = [1,1,2], Your function should return length = 2, with the first two elements of nums being 1

  • Javascript使用function创建类的两种方法(推荐)

    1.使用function类 //myFunction.js var CMyFunc=function() { //类的公共方法,供外部调用 this.Func1=function() { var i=0; return i; } this.Func2=function() { _privateFunc(); } //类中的私有方法,供公共方法调用 function _privateFunc() { return 0; ] } CMyFunc myFunc=new CMyFunc(); 使用:其它

  • JavaScript判断数组重复内容的两种方法(推荐)

    前言 一般,我们可能会给数组去重,这个操作并不复杂,执行一个循环就是了.现在,我要做的是,判断数组中是否有重复的内容,如果有,返回 true 否则,返回 false. 思路 把数组变成字符串 循环原数组,拿每一个字段和这个字符串进行比对,看是否有重复 如何拿A字符串和B字符串进行对比,并且要求判断出B字符串中包含过个A字符串呢? 方法一 indexOf() 和 lastIndexOf() 对比法. 首先,我们构建代码: var arr = ["aa","bb",&q

  • javascript 动态生成css代码的两种方法

    javascript 动态生成css代码的两种方法 有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面的css代码,最后把它插入到head元素中.但有些兼容性问题我们需要解决.首先在符合w3c标准的浏览器中我们只需要把要插入的css代码作为一个文本节点插入到style元素中即可,而在IE中则需要利用style元素的styleSheet.cssText来解决.还需要注意的就是在有些版本IE中一个页面上style

  • js删除Array数组中指定元素的两种方法

    本节内容: js删除Array数组中指定元素 方法一, /* * 方法:Array.remove(dx) 通过遍历,重构数组 * 功能:删除数组元素. * 参数:dx删除元素的下标. */ Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i<this.length;i++) { if(this[i]!=this[dx]) { this[n++]=

  • jsp中获得路径的两种方法和获得url路径的方法(推荐)

    <%=request.getContextPath()%>是解决相对路径的问题,可返回站点的根路径. <a href="<%=request.getContextPath()%>/XXX.jsp"> //这样获得的是绝对路径 <a href="XXX.jsp"> //这样获得的是相对路径 <a href="<%=request.getContextPath()%>/XXXX.jsp"

  • JavaScript判断对象和数组的两种方法

    在调用后端接口时,由于后端接口的不规范统一,接口最外层在没有数据时返回的是空数组(其实更想要的是空json对象),而在有数据时返回的是json对象,所以在接收到后端返回的接口时就需要首先判断返回的数据是对象还是数组,这里提供一些方法  方法一: //判断是否为数组 function isArray(obj) { return obj instanceof Array; } //判断是否为对象 function isObject(obj) { return obj instanceof Objec

  • 详解vue-cli中模拟数据的两种方法

    在main.js中引入vue-resource模块,Vue.use(vueResource). 1.使用json-server(不能用post请求) 接下来找到build目录下的webpack.dev.conf.js文件,在const portfinder = require('portfinder')后面引入json-server. /*引入json-server*/ const jsonServer = require('json-server') /*搭建一个server*/ const

  • python 字典中取值的两种方法小结

    如下所示: a={'name':'tony','sex':'male'} 获得name的值的方式有两种 print a['name'],type(a['name']) print a.get('name'),type(a.get('name')) 发现这两个结果完全一致,并没有任何的差异. 怎么选择这两个不同的字典取值方式呢? 如果字典已知,我们可以任选一个,而当我们不确定字典中是否存在某个键时,我之前的做法如下 if 'age' in a.keys(): print a['age'] 因为不先

随机推荐