Javascript es7中比較實用的兩個方法示例

更新時間：2017年07月21日 10:43:32 作者：青石巷

這篇文章主要給大家分享了關(guān)于Javascript es7中比較實用的兩個方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友可以參考借鑒，下面來一起看看吧。

本文主要跟大家介紹了關(guān)于es7中兩個比較實用的方法，分享出來供大家參考學(xué)習(xí)，下面話不多說，來一起看看詳細(xì)的介紹：

一、、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

還不是很簡單，兩個*號就能進(jìn)行求冪運算

1.Array.prototype.includes

es6為字符串添加了一個includes方法，現(xiàn)在同樣運用與數(shù)組

l=[1,2,3]
l.includes(5)//false 跟數(shù)組一樣

2.字符填充函數(shù)padStart 和 padEnd

padStart()在開始部位填充，返回一個給出長度的字符串，填充物給定字符串，把字符串填充到期望的長度。從字符串的左邊開始

padEnd從字符串的尾端右邊開始填充。第二個參數(shù)，你能實際上用一個任何長度的字符串。

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 型的鍵值，則返回值順序根據(jù)鍵值從小到大排列；

總結(jié)

以上就是這篇文章的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

JavaScript中跨標(biāo)簽頁通信的常見方式
跨標(biāo)簽頁通信是指在瀏覽器中的不同標(biāo)簽頁之間進(jìn)行數(shù)據(jù)傳遞和通信的過程,這篇文章為大家整理了幾個常見的跨標(biāo)簽頁通信方式,感興趣的小伙伴可以了解下
2023-10-10
JavaScript日期和時間的格式化及其它常用處理方法
這篇文章主要給大家介紹了關(guān)于JavaScript日期和時間的格式化及其它常用處理方法,JavaScript中可以使用Date對象來表示日期和時間,如果需要格式化日期和時間,可以使用Date對象的幾個方法和一些字符串操作方法來實現(xiàn),需要的朋友可以參考下
2023-09-09
前端實現(xiàn)文本溢出展開和收起功能
在現(xiàn)代網(wǎng)頁設(shè)計中,文本是網(wǎng)頁中最重要的內(nèi)容之一,然而,當(dāng)文本超出其容器的大小時,會發(fā)生文本溢出的問題,文本溢出不僅會影響網(wǎng)頁的視覺效果,還會影響網(wǎng)頁的可讀性和可用性,所以本文給大家介紹了前端實現(xiàn)文本溢出展開和收起功能的方法,需要的朋友可以參考下
2025-04-04
JS操作字符串的一些常見內(nèi)置方法
這篇文章主要給大家介紹了關(guān)于JS操作字符串的一些常見內(nèi)置方法,JavaScript中有許多常用的數(shù)組和字符串操作函數(shù),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-11-11
JavaScript動態(tài)創(chuàng)建二維數(shù)組的方法示例
這篇文章主要介紹了JavaScript動態(tài)創(chuàng)建二維數(shù)組的方法,結(jié)合實例形式分析了javascript動態(tài)創(chuàng)建二維數(shù)組的相關(guān)操作技巧與注意事項,需要的朋友可以參考下
2019-02-02
javascript簡單拖拽實現(xiàn)代碼(鼠標(biāo)事件 mousedown mousemove mouseup)
javascript簡單拖拽，簡單拖拽實現(xiàn)
2012-05-05
JS判斷數(shù)組里是否有重復(fù)元素的方法小結(jié)
這篇文章主要介紹了JS判斷數(shù)組里是否有重復(fù)元素的方法,結(jié)合實例形式分析了javascript針對數(shù)組重復(fù)元素判斷相關(guān)的遍歷、排序、遞歸等相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
xWin之JS版
xWin之JS版...
2006-11-11
求js數(shù)組的最大值和最小值的四種方法
本篇文章主要介紹了求js數(shù)組的最大值和最小值的四種方法，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
javascript刪除數(shù)組元素并且數(shù)組長度減小的簡單實例
本篇文章主要是對javascript刪除數(shù)組元素并且數(shù)組長度減小的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02