原生JS筆記 第十天(上)

2021-10-20 09:12:15 字數 3041 閱讀 7131

sort() 方法用於對陣列的元素進行排序。

語法:

arrayobject.sort(sortby)

引數解釋

引數sortby:可選。規定排序順序。必須是函式。

1.如果不指定《方法函式》,即括號內為空,則按unicode碼順序排列(預設公升序)。

2.如果指定《方法函式》,則按《方法函式》所指定的排序方法排序。

如果要比較數字:

myarray.sort(sortmethod);

注意: 該函式要比較兩個值,然後返回乙個用於說明這兩個值的相對順序的數字。

比較函式應該具有兩個引數 a 和 b,其返回值如下:

若 a 小於 b,在排序後的陣列中 a 應該出現在 b 之前,則返回乙個小於 0 的值。

若 a 等於 b,則返回 0。

若 a 大於 b,則返回乙個大於 0 的值。

例如:

var arr = [10,8,2,6];

var a = arr.sort(function(x,y));

console.log

(a); //輸出結果:10,8,6,2

join() 方法用於把陣列中的所有元素放入乙個字串。元素是通過指定的分隔符進行分隔的,預設分隔符為逗號。

語法:

arrayobject.join(separator)

引數解釋

引數separator:

可選。指定要使用的分隔符。如果省略該引數,則使用逗號作為分隔符。

返回值

返回乙個字串。該字串是通過把 arrayobject 的每個元素轉換為字串,然後

把這些字串連線起來,在兩個元素之間插入separator 字串而生成的。

例如:

myarr.join

(「.」)

;

reverse() 方法用於顛倒陣列中元素的順序。

語法:

arrayobject.reverse()

返回值:顛倒順序後的新陣列

小案例:將字串「hello world!」進行翻轉

var str = "hello world!"

;var arr = str.spilt(""

);arr = arr.reverse()

;str = arr.join(""

);console.log

(str)

; // 輸出結果:「!dlrow olleh 」

splice() 方法向(從)陣列中新增(刪除)專案,然後返回被刪除的專案。

語法:

arrayobject.splice(index,howmany,item1,…,itemx)

引數解釋

引數1:index

必需。整數,規定新增/刪除專案的位置,使用負數可從陣列結尾處規定位置。

引數2:howmany

必需。要刪除的專案數量。如果設定為0,則不會刪除專案。

引數3:item,……,itemx

可選。向陣列新增的新專案。

splice() 方法可刪除從 index 處開始的零個或多個元素,並且用引數列表中宣告的

乙個或多個值來替換那些被刪除的元素。

返回值

如果從 arrayobject 中刪除了元素,則返回的是含有被刪除的元素的陣列。若沒有刪除元素,則返回空陣列。

concat() 方法用於連線兩個或多個陣列。該方法不會改變現有的陣列,而僅僅會返回被連線陣列的乙個副本

語法:

arrayobject.concat(arrayx,arrayx,…,arrayx)

引數解釋

引數:必需。該引數可以是具體的值,也可以是陣列物件。可以是任意多個。

返回值

返回乙個字串。該字串是通過把 arrayobject 的每個元素轉換為字串,然後

把這些字串連線起來,在兩個元素之間插入separator 字串而生成的。

例如:

myarr.join

(「.」)

;

concat() 方法用於連線兩個或多個陣列。該方法不會改變現有的陣列,而僅僅會返回被連線陣列的乙個副本

語法:

arrayobject.concat(arrayx,arrayx,…,arrayx)

引數解釋

引數1:必需。規定從何處開始選取。

引數2:必需。該引數可以是具體的值,也可以是陣列物件。可以是任意多個。

返回值

返回乙個字串。該字串是通過把 arrayobject 的每個元素轉換為字串,然後

把這些字串連線起來,在兩個元素之間插入separator 字串而生成的。

例如:myarr.join(「.」);

總結:slice();與substring();的比較:

字串和陣列都可以使用slice();方法

strobj.substring()兩個引數均為正,arrobj.slice();兩個引數都可以為負

strobj.substring()

當引數1>引數2 會先交換位置,再擷取;

arrobj.slice()

當引數1>引數2,擷取陣列/字串為空

實習第十天

今天電梯有點慢,等得我半小時才到公司。今天弄資料庫介面工具的時候,被松哥按在地上摩擦了。今天加班,在下班的時候,久久等不到電梯,想起了 上有個應該需要修改,然後回公司修改,改了半天,發現還是原來的好,於是恢復原樣,我就下班了,有點搞笑。這段時間上火非常嚴重,整個人的狀態都不好,做事情也沒精神。面對各...

學習第十天

一 介面 jdk1.8及之後新增了2中可以定義存在方法體的方法 預設方法 default關鍵字修飾的方法 使用 通過實現類物件使用 靜態方法 使用 通過介面名去呼叫 二 單例模式 保證類只能存在乙個例項 餓漢式 先建立物件,然後需要的人要這個物件,保證永遠使用的都是這個建立好的物件 執行緒安全的,效...

前端第十天

function 1000,swing fn 小公尺輪播圖 設定5個div 通過給乙個類名定義屬性達到動畫效果,有左右點選事件及索引決定將類名新增給誰,且在索引達到極限時,重新將索引賦值,且同時將其他兄弟div移除類名,通過設定z index達到最上面為顯示的div 小公尺 定義建立列表函式 引數為...