Js 陣列檢索方法

2021-10-07 21:53:18 字數 4906 閱讀 6032

includes():用於確定陣列中是否含有某個元素

indexof():檢測當前值在陣列中第一次出現的位置索引值

lastindexof()檢測當前值在陣列中最後一次出現的位置索引值

這三種方法都是不會改變原陣列的!

首先,我為大家講解includes();(用於確定陣列中是否含有某個元素)

查詢方向:從前往後

includes的引數(item,startindex):item是你要檢索的元素,startindex是你開始檢索的位置。

includes的返回值:含有檢索元素返回true,不含有檢索元素返回false

下面讓我們來看一些實際例子:

//首先我們來定義乙個陣列

var fruit=[,

'watermelon'

,'peach'

,'pear'

,'orange'

,'watermelon'

,'banana'];

//我們用rel+數字來接收返回值

var rel1=fruit.

includes

('peach');

console.

log(rel1)

;//結果為true

//當我們只寫了檢索元素,但沒有寫起始位置時【起始位置預設為0(包含0這個位置)】,會遍歷陣列尋找相關元素

console.

log(

'-------我是分割線-------');

var rel2=fruit.

includes

('peach',3

);console.

log(rel2)

;//結果為false

//當我們寫的起始位置的值為正數且小於陣列長度時,會從所寫位置開始往後尋找相關元素

console.

log(

'-------我是分割線-------');

var rel3=ftuit.

includes

('peach'

,100);

console.

log(rel3)

;//結果為false

//當我們寫的起始位置的值為正數且大於等於陣列長度時,會返回false,且該陣列不會被搜尋

console.

log(

'-------我是分割線-------');

var rel4=ftuit.

includes

('peach',-

4);console.

log(rel4)

;//結果為false

//當我們寫的起始位置的值為負數且絕對值小於陣列長度時,會從所寫位置開始往後尋找相關元素

console.

log(

'-------我是分割線-------');

var rel5=ftuit.

includes

('peach',-

100)

;console.

log(rel5)

;//結果為true

//當我們寫的起始位置的值為負數且絕對值大於陣列長度時,會遍歷陣列尋找相關索引

接著,我為大家講解indexof();(檢測當前值在陣列中第一次出現的位置索引值)

查詢方向:從前往後

indexof的引數(item,startindex):item是你要檢索的元素,startindex是你開始檢索的位置。

indexof的返回值:含有檢索元素返回該元素索引值(即該元素下標),不含有檢索元素返回-1。

下面讓我們來看一些實際例子:

//首先我們來定義乙個陣列

var fruit=[,

'watermelon'

,'peach'

,'pear'

,'orange'

,'watermelon'

,'banana'];

//我們用rel+數字來接收返回值

var rel1=fruit.

indexof

('peach');

console.

log(rel1)

;//結果為2

//當我們只寫了檢索元素,但沒有寫起始位置時【起始位置預設為0(包含0這個位置)】,會遍歷陣列尋找相關索引值

console.

log(

'-------我是分割線-------');

var rel2=fruit.

indexof

('peach',3

);console.

log(rel2)

;//結果為-1

//當我們寫的起始位置的值為正數且小於陣列長度時,會從所寫位置開始往後尋找相關索引值,沒有找到則返回-1

console.

log(

'-------我是分割線-------');

var rel3=ftuit.

indexof

('peach'

,100);

console.

log(rel3)

;//結果為-1

//當我們寫的起始位置的值為正數且大於等於陣列長度時,會返回-1,且該陣列不會被搜尋

console.

log(

'-------我是分割線-------');

var rel4=ftuit.

indexof

('watermelon',-

6);console.

log(rel4)

;//結果為1

//當我們寫的起始位置的值為負數且絕對值小於陣列長度時,會從所寫位置往後尋找相關索引值,若在查詢過程中,該元素多次出現,則返回在被檢索範圍內第一次出現該元素的索引值

console.

log(

'-------我是分割線-------');

var rel5=ftuit.

indexof

('watermelon',-

100)

;console.

log(rel5)

;//結果為1

//當我們寫的起始位置的值為負數且絕對值大於陣列長度時,會遍歷陣列尋找相關索引值

最後,我為大家講解lastindexof();(檢測當前值在陣列中最後一次出現的位置索引值)

查詢方向:從後往前

lastindexof的引數(item,startindex):item是你要檢索的元素,startindex是你開始檢索的位置。

lastindexof的返回值:含有檢索元素返回該元素索引值(即該元素下標),不含有檢索元素返回-1。

下面讓我們來看一些實際例子:

//首先我們來定義乙個陣列

var fruit=[,

'watermelon'

,'peach'

,'pear'

,'orange'

,'watermelon'

,'banana'];

//我們用rel+數字來接收返回值

var rel1=fruit.

lastindexof

('watermelon');

console.

log(rel1)

;//結果為5

//當我們只寫了檢索元素,但沒有寫起始位置時【起始位置預設為0(包含0這個位置)】,會從後往前遍歷陣列尋找相關索引值,若在查詢過程中,該元素多次出現,則返回在被檢索範圍內最後一次出現該元素的索引值

console.

log(

'-------我是分割線-------');

var rel2=fruit.

lastindexof

('watermelon',3

);console.

log(rel2)

;//結果為1

//當我們寫的起始位置的值為正數且小於陣列長度時,會從所寫位置開始往前尋找相關索引值

console.

log(

'-------我是分割線-------');

var rel3=ftuit.

lastindexof

('watermelon'

,100);

console.

log(rel3)

;//結果為5

//當我們寫的起始位置的值為正數且大於等於陣列長度時,會從後往前遍歷陣列尋找相關索引值

console.

log(

'-------我是分割線-------');

var rel4=ftuit.

lastindexof

('watermelon',-

6);console.

log(rel4)

;//結果為1

//當我們寫的起始位置的值為負數且絕對值小於陣列長度時,會從所寫位置往前尋找相關索引值,若在查詢過程中,該元素多次出現,則返回在被檢索範圍內第一次出現該元素的索引值

console.

log(

'-------我是分割線-------');

var rel5=ftuit.

lastindexof

('watermelon',-

100)

;console.

log(rel5)

;//結果為-1

//當我們寫的起始位置的值為負數且絕對值大於陣列長度時,會返回-1,且該陣列不會被搜尋

以上就是我提供的陣列檢索方法,謝謝大家閱讀。

js陣列方法

array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...

js陣列的方法

1 join join 分隔方式 將陣列的元素組成乙個字串,以 裡的內容為分隔符,省略的話則用預設用逗號為分隔符,該方法只接收乙個引數 分隔符。var a 1,2,3 console.log a.join 1 2 3 console.log a.join 1 2 3 console.log a 1,...

js陣列常用方法

push 向陣列的末尾增加一項 返回值是陣列的新長度 unshift 向陣列開頭增加一項 返回值是陣列的新長度 pop 刪除陣列的末尾項 返回值是刪除的陣列項 shift 刪除陣列開頭項 返回被刪除的開頭專案 splice 刪除陣列中的任意項 返回值是被刪除的陣列項 slice 複製陣列 返回值是複...