分享Javascript實(shí)用方法二
JavaScript一種直譯式腳本語(yǔ)言,是一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的語(yǔ)言,內(nèi)置支持類(lèi)型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語(yǔ)言,最早是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)網(wǎng)頁(yè)上使用,用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。
承接上一篇,
Object
keys
object的keys方法能夠獲取一個(gè)給定對(duì)象的所有鍵(key/屬性名)并以數(shù)組的形式返回。這個(gè)方法可以用于鍵的篩選、匹配等。
var basket = { strawberry: 12, banana: 20, apple: 30, juice: 20 }; console.log(Object.keys(basket)); //[ 'strawberry', 'banana', 'apple', 'juice' ]
create
create方法用于創(chuàng)建一個(gè)新的對(duì)象,可選參數(shù)(proto, [ propertiesObject ]),第一個(gè)為原型,比如Array.prototype之類(lèi)的,第二個(gè)為需要給新建對(duì)象的一些新屬性之類(lèi)的,這個(gè)參數(shù)對(duì)象的屬性名將是新建對(duì)象的屬性,值則是屬性描述符(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默認(rèn)為false,因此o.p即便在后來(lái)重新賦值也是不能改變其值的,而O.p則能夠在后來(lái)改變值,此外,create方法proto必須傳入相應(yīng)參數(shù),否則會(huì)報(bào)錯(cuò)TypeError,當(dāng)然以上代碼在嚴(yán)格模式下也會(huì)報(bào)錯(cuò),因?yàn)閛.p被重寫(xiě)- -
assign
assign方法,es6的新特性,支持傳參(target, …sources),用于將任意多個(gè)源對(duì)象的鍵值對(duì)添加的目標(biāo)對(duì)象,類(lèi)似于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ù)處理,比如你定義了一個(gè)client用于發(fā)送HTTP請(qǐng)求,使用的時(shí)候獲取接受到的參數(shù)之外自己可能得加上什么默認(rèn)的屬性。
Number
isNaN
Number的isNaN方法用來(lái)判斷傳入值是否是NaN的值,與全局的isNaN方法不同的是它不會(huì)強(qiáng)制將傳入?yún)?shù)轉(zhuǎn)化為數(shù)字類(lèi)型,只有在參數(shù)是真正的數(shù)字類(lèi)型,且值為 NaN 的時(shí)候才會(huì)返回 true。不過(guò)就自己而言全局的isNaN用的多一點(diǎn),就用來(lái)判斷字符串是不是只包含數(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方法用來(lái)將數(shù)字轉(zhuǎn)化為特定的字符串,支持傳入?yún)?shù)(digits),0 < digits <= 20,在轉(zhuǎn)換的時(shí)候會(huì)自動(dòng)進(jìn)行四舍五入以及0補(bǔ)充。
var cool = 666.666; console.log(cool.toFixed(1)); //666.7 console.log(cool.toFixed(6)); //666.666000
這段時(shí)間發(fā)生了很多事情,從待了116天的杭州來(lái)到北京,開(kāi)始一段新的工作與生活。不舍、惆悵、激動(dòng)、興奮等情緒交織纏綿…七匹狼,認(rèn)識(shí)了其余六狼,很珍惜這段大家一起努力一起嗨皮的日子,尤記得夜爬寶石山,俯瞰西湖,English poor,哈哈哈…
ps:javascript split() 定義和用法
split() 方法用于把一個(gè)字符串分割成字符串?dāng)?shù)組。
語(yǔ)法
stringObject.split(separator,howmany)
參數(shù) | 描述 |
---|---|
separator | 必需。字符串或正則表達(dá)式,從該參數(shù)指定的地方分割 stringObject。 |
howmany | 可選。該參數(shù)可指定返回的數(shù)組的最大長(zhǎng)度。如果設(shè)置了該參數(shù),返回的子串不會(huì)多于這個(gè)參數(shù)指定的數(shù)組。如果沒(méi)有設(shè)置該參數(shù),整個(gè)字符串都會(huì)被分割,不考慮它的長(zhǎng)度。 |
- 比較簡(jiǎn)單實(shí)用的使用正則三種版本的js去空格處理方法
- js 表單驗(yàn)證方法(實(shí)用)
- javascript寫(xiě)的簡(jiǎn)單的計(jì)算器,內(nèi)容很多,方法實(shí)用,推薦
- js+數(shù)組實(shí)現(xiàn)網(wǎng)頁(yè)上顯示時(shí)間/星期幾的實(shí)用方法
- JS判斷數(shù)組中是否有重復(fù)值得三種實(shí)用方法
- js去除空格的12種實(shí)用方法
- JS+CSS實(shí)現(xiàn)實(shí)用的單擊輸入框彈出選擇框的方法
- js實(shí)現(xiàn)跨域的4種實(shí)用方法原理分析
相關(guān)文章
layui表格checkbox選擇全選樣式及功能的實(shí)例
下面小編就為大家分享一篇layui表格checkbox選擇全選樣式及功能的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03通過(guò)js將26個(gè)英文字母按順序依次排列方式
這篇文章主要介紹了通過(guò)js將26個(gè)英文字母按順序依次排列方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10JavaScript實(shí)現(xiàn)消消樂(lè)的源代碼
這篇文章主要介紹了JavaScript實(shí)現(xiàn)消消樂(lè)-源代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-01-01element-ui?對(duì)話框dialog使用echarts報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題
這篇文章主要介紹了element-ui?對(duì)話框dialog里使用echarts,報(bào)錯(cuò)'dom沒(méi)有獲取到'的問(wèn)題,在這個(gè)事件里邊進(jìn)行echarts的初始化,執(zhí)行數(shù)據(jù),本文結(jié)合實(shí)例代碼給大家詳細(xì)講解,需要的朋友可以參考下2022-11-11uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果實(shí)例
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)tabs切換(可滑動(dòng))效果的相關(guān)資料,tabs切換無(wú)論是在app端還是小程序或者H5頁(yè)面都是很常見(jiàn)的功能,文中通過(guò)實(shí)例代碼介紹的很詳細(xì),需要的朋友可以參考下2023-07-07新增加的內(nèi)容是如何將div的scrollbar自動(dòng)移動(dòng)最下面
在做動(dòng)態(tài)增長(zhǎng)的div時(shí),一般都是將內(nèi)容append到div的最下面,但這會(huì)帶來(lái)一個(gè)比較蛋疼的問(wèn)題,那就是新增加的內(nèi)容會(huì)被遮在最下面,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2014-01-01ES6中Proxy與Reflect實(shí)現(xiàn)重載(overload)的方法
這篇文章主要介紹了ES6中Proxy與Reflect實(shí)現(xiàn)重載(overload)的方法,分析了重載的原理及使用Proxy和Reflect來(lái)實(shí)現(xiàn)重載的操作步驟與相關(guān)技巧,需要的朋友可以參考下2017-03-03