分享Javascript實用方法二
JavaScript一種直譯式腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動態(tài)功能。
承接上一篇,
Object
keys
object的keys方法能夠獲取一個給定對象的所有鍵(key/屬性名)并以數(shù)組的形式返回。這個方法可以用于鍵的篩選、匹配等。
var basket = { strawberry: 12, banana: 20, apple: 30, juice: 20 }; console.log(Object.keys(basket)); //[ 'strawberry', 'banana', 'apple', 'juice' ]
create
create方法用于創(chuàng)建一個新的對象,可選參數(shù)(proto, [ propertiesObject ]),第一個為原型,比如Array.prototype之類的,第二個為需要給新建對象的一些新屬性之類的,這個參數(shù)對象的屬性名將是新建對象的屬性,值則是屬性描述符(value、writable、configurable等)。
var o = Object.create({}, {p: {value: 42}}); var O = Object.create({}, {p: {value: 66, writable: true, enumerable: true}}); console.log(o.p); //42 console.log(O.p); //66 o.p = 20; O.p = 80; console.log(o.p); //42 console.log(O.p); //80
屬性描述符中writable默認為false,因此o.p即便在后來重新賦值也是不能改變其值的,而O.p則能夠在后來改變值,此外,create方法proto必須傳入相應參數(shù),否則會報錯TypeError,當然以上代碼在嚴格模式下也會報錯,因為o.p被重寫- -
assign
assign方法,es6的新特性,支持傳參(target, …sources),用于將任意多個源對象的鍵值對添加的目標對象,類似于lodash的assign和underscore的extendOwn方法。
var boy = {handsome: true, rich: true}, girl = {cute: true, hair: 'long'}; var couples = Object.assign({}, boy, girl); console.log(couples); //{ handsome: true, rich: true, cute: true, hair: 'long' }
assign方法常用于框架層面的數(shù)據(jù)處理,比如你定義了一個client用于發(fā)送HTTP請求,使用的時候獲取接受到的參數(shù)之外自己可能得加上什么默認的屬性。
Number
isNaN
Number的isNaN方法用來判斷傳入值是否是NaN的值,與全局的isNaN方法不同的是它不會強制將傳入?yún)?shù)轉(zhuǎn)化為數(shù)字類型,只有在參數(shù)是真正的數(shù)字類型,且值為 NaN 的時候才會返回 true。不過就自己而言全局的isNaN用的多一點,就用來判斷字符串是不是只包含數(shù)字,
console.log(isNaN('123f')); //true console.log(isNaN('123')); //true
此外,isFinite(value)方法用于判斷傳入?yún)?shù)是否是有窮數(shù),isInteger(value)方法用于判斷傳入?yún)?shù)是否是整數(shù)。
toFixed
toFixed方法用來將數(shù)字轉(zhuǎn)化為特定的字符串,支持傳入?yún)?shù)(digits),0 < digits <= 20,在轉(zhuǎn)換的時候會自動進行四舍五入以及0補充。
var cool = 666.666; console.log(cool.toFixed(1)); //666.7 console.log(cool.toFixed(6)); //666.666000
這段時間發(fā)生了很多事情,從待了116天的杭州來到北京,開始一段新的工作與生活。不舍、惆悵、激動、興奮等情緒交織纏綿…七匹狼,認識了其余六狼,很珍惜這段大家一起努力一起嗨皮的日子,尤記得夜爬寶石山,俯瞰西湖,English poor,哈哈哈…
ps:javascript split() 定義和用法
split() 方法用于把一個字符串分割成字符串數(shù)組。
語法
stringObject.split(separator,howmany)
參數(shù) | 描述 |
---|---|
separator | 必需。字符串或正則表達式,從該參數(shù)指定的地方分割 stringObject。 |
howmany | 可選。該參數(shù)可指定返回的數(shù)組的最大長度。如果設(shè)置了該參數(shù),返回的子串不會多于這個參數(shù)指定的數(shù)組。如果沒有設(shè)置該參數(shù),整個字符串都會被分割,不考慮它的長度。 |
相關(guān)文章
element-ui?對話框dialog使用echarts報錯'dom沒有獲取到'的問題
這篇文章主要介紹了element-ui?對話框dialog里使用echarts,報錯'dom沒有獲取到'的問題,在這個事件里邊進行echarts的初始化,執(zhí)行數(shù)據(jù),本文結(jié)合實例代碼給大家詳細講解,需要的朋友可以參考下2022-11-11新增加的內(nèi)容是如何將div的scrollbar自動移動最下面
在做動態(tài)增長的div時,一般都是將內(nèi)容append到div的最下面,但這會帶來一個比較蛋疼的問題,那就是新增加的內(nèi)容會被遮在最下面,具體實現(xiàn)如下,感興趣的朋友可以參考下2014-01-01ES6中Proxy與Reflect實現(xiàn)重載(overload)的方法
這篇文章主要介紹了ES6中Proxy與Reflect實現(xiàn)重載(overload)的方法,分析了重載的原理及使用Proxy和Reflect來實現(xiàn)重載的操作步驟與相關(guān)技巧,需要的朋友可以參考下2017-03-03