2022年11月28日 星期一

關於 Array.some()

 關於 Array.some()

前言

  最近看到 Array.some()  ,抽空做個學習,在此做個紀錄。


內容

  範例如下

const ar1 = [2, 5, 8, 1, 4];
console.log( ar1.some( (x) => x > 10) );//false
//use find()
console.log( ar1.find( (element) => element <= 10) !== undefined );//false

//
const ar2 = [12, 5, 8, 1, 4];
console.log( ar2.some( (x) => x > 10) ); //true
//use find()
console.log( ar2.find( (element) => element <= 10) !== undefined );//true


Array.some()  的功能跟之前的 關於 Array.every() 類似, Array.every() 是當所有元素符合條件就回傳 true ,而 Array.some() 是只要有一個元素都符合條件就回傳 true ,這和之前的 關於 Array.every() 一樣可以用  find() 來替代,範例都有替代的實現。


參考資料

[ developer.mozilla.org ] Array.prototype.some()


相關文章與資料

關於 Array.every()

2022年11月21日 星期一

關於 Array.indexof()

 關於 Array.indexof()

前言

  在先前的 關於 String.indexOf() 使用過 indexOf() ,但是是在 String ,這次是永用在 Array ,在此把學習的過程做個紀錄。


內容

  範例如下

const array = [2, 9, 9];
console.log( array.indexOf(2) );//0
console.log( array.indexOf(7) );//-1
//
console.log( array.findIndex( (element) => element === 2) );//0
console.log( array.findIndex( (element) => element === 7) );//-1
//
const strArray = ['a1', 'b2', 'c3', 'd4', 'e5', 'f6'];
console.log( strArray.indexOf( 'a1' ) );//0
console.log( strArray.indexOf( 'c7' ) );//-1
//
console.log( strArray.findIndex( (element) => element === 'a1') );//0
console.log( strArray.findIndex( (element) => element === 'c7') );//-1


indexOf() 的功能是搜尋 Array 的元素,回傳第一個搜尋結果的索引值,如果找不到匯回傳 -1 ,範例分別示範使用數字與串的搜尋,但就像 關於 Array.includes() 一樣,其實可以使用 find() 來替代,範例也都分別示範了一次,Array 是有提供 lastIndexOf() 來從最後來找,當然也可以透過 findLast() 來替代。


參考資料

[ developer.mozilla.org ] Array.prototype.indexOf()


相關文章與資料

關於 String.indexOf()

關於 Array.includes()

2022年11月14日 星期一

關於 Array.includes()

 關於 Array.includes() 

前言

  最近發現 Array.includes()  ,抽空做個學習,在此做個紀錄。


內容

  範例如下

const array1 = [1, 2, 3];

console.log(array1.includes(2));//true
//Use find()
console.log(array1.find( (element) => element === 2 ) !== undefined );
            

const pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat'));//true
//use find()
console.log(pets.find( (element) => element === 'cat' ) !== undefined );


includes() 的功能類似於 find() ,就是搜尋是否含有某個數字或字串,但 find() 也可以做得到,且可以做得更好,所以範例也都附上 find() 實作的版本,總體來說用 includes() 只有比較簡短而已,如果不介意長短就直接用 find() 來取代即可。


參考資料

[ developer.mozilla.org ] Array.prototype.includes()


相關文章與資料

關於 Array.find()

2022年11月7日 星期一

關於 Array.of()

 關於 Array.of()

前言

  今天在 MDN 發現有 Array.of() ,抽個控作個學習,在此做個紀錄。


內容

  範例如下

//Array.of()
console.log( Array.of(7) );       // [7]
console.log( Array.of(1, 2, 3) ); // [1, 2, 3]
//Constructor
console.log( Array(7) );          // [ , , , , , , ]
console.log( Array(1, 2, 3) );    // [1, 2, 3]
//
console.log( [7] ); // [7] 


Array.of() 類似於 Array() 的建構式,不一樣的是當對建構是以一個數字做為引數時事產生對應數量的陣列,而 Array.of() 會產生只有一個數字的陣列,差別就只有這樣,就的方式如果要產生只有一個數字的陣列可以用範例最後的方法來產生,所以這個 function 等於肥有必要一定更換成這個寫法,但要知道有這個語法。


參考資料

[ developer.mozilla.org ] Array.of()