一些超實用的JS常用算法詳解(推薦!)
介紹
本文主要介紹,常用的數(shù)組方法和字符串方法。
一、數(shù)組常用方法
1.push()
在尾部追加,類似于壓棧,原數(shù)組會變。
2.pop()
在尾部彈出,類似于出棧,原數(shù)組會變,數(shù)組的push & pop可以模擬常見數(shù)組結(jié)構(gòu)之一:棧
3.unshift()
在頭部壓入數(shù)據(jù),類似于入隊,原數(shù)組會變
4.shift()
在頭部彈出數(shù)據(jù),原數(shù)組會變,數(shù)組的 push (入隊) & shifit (出隊) 可以模擬常見數(shù)據(jù)結(jié)構(gòu)之一:隊列
5.concat()
concat會在當前數(shù)組尾部拼接傳入的數(shù)組,然后返回一個新數(shù)組,原數(shù)組不變。
6.indexOf()
在數(shù)組中尋找該值,找到則返回其下標,找不到則返回 -1
7.includes()
在數(shù)組中尋找該值,找到則返回 true ,找不到則返回 false
8.join()
將數(shù)組轉(zhuǎn)化成字符串,并返回該字符串,不傳值則默認逗號隔開,原數(shù)組不變。
9.reverse()
翻轉(zhuǎn)原數(shù)組,并返回已完成翻轉(zhuǎn)的數(shù)組,原數(shù)組改變。
10.slice(start, end)
從 start 開始截取到 end , 但是不包括end
11.splice(start, deleteCount, item1,item2……)
start參數(shù) 開始的位置
deleteCount 要截取的個數(shù)
后面的 items 為要添加的元素
如果 deleteCount 為 0,則表示不刪除元素, 從 start 位置開始添加后面的幾個元素到原始的數(shù)組里面
返回值為由被刪除的元素組成的一個數(shù)組,如果只刪除了一個元素,則返回只包含一個元素的數(shù)組,如果沒有刪除元素,則返回空數(shù)組。
這個方法會改變原始數(shù)組,數(shù)組的長度會發(fā)生改變
12.sort()
對數(shù)組的元素進行排序,并返回數(shù)組。
默認排序順序是將元素轉(zhuǎn)化為字符串,然后比較它們的 UTF-16 代碼單元值序列時構(gòu)建的。
由于它取決于具體實現(xiàn),因此無法保證排序時間和空間的復雜性。
13.toString()
將數(shù)組轉(zhuǎn)化成字符串,并返回該字符串,逗號隔開,原數(shù)組不變。
二、字符串常用方法
1.charAt()
返回指定索引位置處的字符,類似于數(shù)組用中括號獲取相應下標位置的數(shù)據(jù)。
2.conCat()
類似數(shù)組的concat(), 用來返回一個合并拼接兩個或兩個以上的字符串,原字符串不變。
3.indexOf()、lastIndexOf()
indexOf 返回一個字符在字符串中首次出現(xiàn)的位置,lastIndexOf 返回一個字符在字符串中最后一次出現(xiàn)的位置。
4.slice()
提取字符串的片段,并把提取的字符串作為新的字符串返回出來,原字符串不變。
5.split()
使用指定的分隔符將一個字符串拆分為多個子字符串數(shù)組并返回,原字符串不變。
6.substr(), substring()
這兩個方法的功能都是截取一個字符串的片段,并返回截取的字符串。
substr 和 substring 這兩個方法不同的地方就在于參數(shù)二,substr的參數(shù)二是截取返回出來的這個字符串指定的長度, substring 的參數(shù)二是截取返回這個字符串的結(jié)束點,并且不包含這個結(jié)束點。而它們的參數(shù)一,都是一樣的功能,截取的起始位置。
注意事項:substr 的參數(shù)二如果為 0 或者負數(shù),則返回一個空字符串,如果未填入,則會截取到字符串的結(jié)尾區(qū), substring 的參數(shù)一和參數(shù)二為 NAN 或者負數(shù),那么它將被替換為 0
7.match()
match() 方法可在字符串內(nèi)檢索指定的值,或找到一個或多個正則表達式的匹配,并返回一個包含該搜索結(jié)果的數(shù)組。
注意事項:如果 match 方法沒有找到匹配,將返回 null ,如果找到匹配,則match 方法會把匹配到的以數(shù)組形式返回,如果正則規(guī)則未設置全局修飾符 g ,則 match 方法返回的數(shù)組有兩個特性: input 和 index , input 屬性包含整個被搜索的字符串, index 屬性包含了在整個被搜索字符串中匹配的字符串的位置。
8.replace()
replace接收兩個參數(shù),參數(shù)一是需要替換掉的字符或者一個正則的匹配規(guī)則,參數(shù)二,需要替換進去的字符,在實際的原理當中,參數(shù)二也可以換成一個回調(diào)函數(shù)。
9.search ()
在目標字符串中搜索與正則規(guī)則相匹配的字符,搜索到,則返回第一個匹配項在目標字符串當中的位置,沒有搜索到則返回一個 -1
10.toLowerCase(), toUpperCase()
toLowerCase() 把字母轉(zhuǎn)換成小寫, toUpperCase() 則是把字母轉(zhuǎn)換成大寫。
11.includes(), startsWith(), endsWith()
Includes 、startsWith 、endsWith ,es6的新增語法,includes 用來檢測目標字符串對象是否包含某個字符,返回一個布爾值,startsWith 用來檢測當前字符是否是目標字符串的起始部分,相對的 endWith 是用來檢測是否是目標字符串的結(jié)尾部分。
12.repeat ()
返回一個新的字符串對象,新字符換等于重復了指定次數(shù)的原始字符串,接收一個參數(shù),就是指定重復的次數(shù),原字符串不變。
總結(jié)
到此這篇關于超實用JS常用算法詳解的文章就介紹到這了,更多相關JS常用算法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
被jQuery折騰得半死,揭秘為何jQuery為何在IE/Firefox下均無法使用
某學員前日實施一個Web項目實施發(fā)生了悲劇,找到我求解決,把我也折騰個半死。2010-01-01javascript簡單實現(xiàn)類似QQ頭像彈出效果的方法
這篇文章主要介紹了javascript簡單實現(xiàn)類似QQ頭像彈出效果的方法,可實現(xiàn)簡單的頁面元素彈出效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08