javascript 數(shù)組操作實(shí)用技巧
1、concat方法
[作用] 將多個(gè)數(shù)組聯(lián)合起來(lái),這個(gè)方法不會(huì)改變現(xiàn)存的數(shù)組,它只返回了所結(jié)合數(shù)組的一份拷貝。
[語(yǔ)法] arrayObj.concat(array1,array2,...)
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
2、join方法,
[作用] 將原有數(shù)組對(duì)象轉(zhuǎn)換成1個(gè)字符串,可以用指定分隔符進(jìn)行串聯(lián)。
[語(yǔ)法] arrayObj.join(separator),separator為分隔符,默認(rèn)為“,”。
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
3、pop、shift方法
[作用] pop方法刪除和返回?cái)?shù)組中最后一個(gè)元素,同時(shí),數(shù)組的長(zhǎng)度發(fā)生變化。與之相對(duì)的是shift()方法,刪除和返回?cái)?shù)組第一個(gè)元素。
[語(yǔ)法] arrayObj.pop|shift()
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
4、push、unshift方法
[作用] 向數(shù)組的末尾添加一個(gè)或多個(gè)元素并且返回新的長(zhǎng)度。同時(shí),數(shù)組的長(zhǎng)度將會(huì)被改變,與之相對(duì)應(yīng)的是unshift方法。注意,方法的返回值并不是新的數(shù)組,而是新數(shù)組的長(zhǎng)度。
[語(yǔ)法] arrayObj.push|unshift(ele1,ele2,ele3,...)
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
5、reverse方法
[作用] 把數(shù)組中的元素排列次序顛倒過(guò)來(lái)。
[語(yǔ)法] arrayObj.reverse()
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
6、slice方法
[作用] 可將現(xiàn)存數(shù)組中選種的元素返回。
[語(yǔ)法] arrayObj.slice(startposition,endposition),第一個(gè)參數(shù)為必選,第二個(gè)為可選,如不寫,則默認(rèn)為從startposition到最后一個(gè)元素。注意,包含startposition這個(gè)位置的元素,而不包括endposition。
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
7、sort方法
[作用] 用來(lái)對(duì)數(shù)組元素進(jìn)行排序。
[語(yǔ)法] arrayObj.sort(sortRule())。參數(shù)可選,代表排序的方法。特別說(shuō)明,sort排序有幾個(gè)基本原則,第一,默認(rèn)按照字母順序排列;第二,大寫字母排在小寫字母之前?;c此,對(duì)于數(shù)字排序,需要自己寫排序方法。
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
8、splice方法
[作用] 向數(shù)組刪除并加入新的元素。
[語(yǔ)法] arrayObj.splice(index,number,ele1,ele2...)。index為索引位置,必須為數(shù)字,代表從哪個(gè)位置插入或者刪除元素。number,代表從index位置往后刪除的元素個(gè)數(shù),如果為“0”則表示在index插入新元素,不刪除往后的數(shù)組元素。(說(shuō)得太混了~~~直接看代碼實(shí)例)
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
9、toString方法
[作用] 使用率非常高的方法,直接將數(shù)組類型對(duì)象轉(zhuǎn)換成字符串類型對(duì)象。
[語(yǔ)法] arrayObj.toString()
[實(shí)例]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
注意:新的字符串是原數(shù)組連接而成,但是中間有“,”分隔,如想去掉“,”,可以這樣寫:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
JS數(shù)據(jù)雙向綁定原理與用法實(shí)例分析
這篇文章主要介紹了JS數(shù)據(jù)雙向綁定原理與用法,結(jié)合實(shí)例形式分析了JavaScript數(shù)據(jù)雙向綁定相關(guān)原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-11-11
鼠標(biāo)右擊事件代碼(asp.net后臺(tái))
本程序由一個(gè)js文件和aspx文件組成,沒(méi)有后臺(tái)CS代碼。2011-01-01
微信小程序?qū)崿F(xiàn)人臉識(shí)別對(duì)比
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)人臉識(shí)別對(duì)比,此文主要通過(guò)小程序?qū)崿F(xiàn)對(duì)比人臉相似度,并返回相似度分值,可以基于分值判斷是否為同一人,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
JavaScript實(shí)現(xiàn)圖形驗(yàn)證碼完整代碼
很多小伙伴都在學(xué)習(xí)JavaScript,可能也會(huì)有老師提出這樣一個(gè)問(wèn)題,如何用js編寫一個(gè)簡(jiǎn)單的驗(yàn)證碼,這里就和大家分享一下,這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)圖形驗(yàn)證碼的相關(guān)資料,需要的朋友可以參考下2024-01-01
JS實(shí)現(xiàn)一個(gè)秒表計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)一個(gè)秒表計(jì)時(shí)器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03
JavaScript 實(shí)現(xiàn)日期時(shí)間轉(zhuǎn)時(shí)間戳
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)日期時(shí)間轉(zhuǎn)時(shí)間戳,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-08-08
JavaScript常見繼承模式實(shí)例小結(jié)
這篇文章主要介紹了JavaScript常見繼承模式,結(jié)合實(shí)例形式總結(jié)分析了javascript原型鏈繼承、構(gòu)造函數(shù)繼承、組合繼承、原型式繼承、寄生式繼承等相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-01-01
淺析JavaScript中的特殊函數(shù)及用法小結(jié)
JavaScript中的函數(shù)本質(zhì)上是一個(gè)對(duì)象,我們可以將這個(gè)對(duì)象賦值給一個(gè)變量,這就使JavaScript中的函數(shù)變得非常的靈活,現(xiàn)在就來(lái)淺看一下JavaScript中函數(shù)的一些用法,需要的朋友可以參考下2022-06-06

