從數組的find方法看JS的一些編程技巧

一、find函數和數組的find方法

在JS中，關於查找某個元素在數組中的位置，往往會使用find函數或者數組的find方法。這兩種方法的作用是一樣的，都是查找指定元素在數組中的位置。使用這兩種方法都需要傳入一個回調函數作為參數，回調函數的返回值應當是一個條件判斷，返回true或false。當回調函數返回true時，這個元素在數組中的位置被找到。

//使用find函數
let arr = [1, 2, 3, 4, 5];
let result = arr.find(function(ele){
  return ele === 3;
});
console.log(result); //3

//使用數組的find方法
let arr = [1, 2, 3, 4, 5];
let result = arr.find(function(ele){
  return ele === 6;
});
console.log(result); //undefined

如果要查找元素在數組中的索引位置，可以在回調函數中返回一個布爾值，然後使用indexOf或者lastIndexOf方法來找到這個元素在數組中的位置。使用indexOf方法可以查找元素在數組中從前往後的第一個位置，而使用lastIndexOf方法可以查找元素在數組中從後往前的最後一個位置。

let arr = [1, 2, 3, 4, 5];
let idx = arr.indexOf(3);
console.log(idx); //2

let lastIdx = arr.lastIndexOf(3);
console.log(lastIdx); //2

二、數組的find方法怎麼用

數組的find方法的使用方法與find函數非常類似，需要傳入一個回調函數作為參數，並且回調函數的返回值也應該是一個條件判斷。數組的find方法會從數組中依次遍曆元素，並將每個元素傳入回調函數，當回調函數返回true時，這個元素在數組中的位置被找到。

下面是一個使用數組的find方法查找某個元素在二維數組中的位置的例子：

let arr = [[1, 2], [3, 4], [5, 6]];
let result = arr.find(function(ele){
  return ele[1] === 4;
});
console.log(result); //[3, 4]

三、excel find 數組

在Excel中有一個查找函數叫做find，這個函數可以用於查找某個元素在一個區域中的位置，類似於JS中的find函數和數組的find方法。如果我們將Excel中的區域理解為一個二維數組，那麼使用JS的二維數組的find方法就能夠實現類似於Excel中的查找功能。

四、數組的find方法去找一個數組

在JS中，我們也可以使用數組的find方法來查找一個數組。這個時候，我們需要將查找的數組轉換成字符串，然後使用indexOf或者includes方法判斷這個字符串是否包含在原數組中。

let arr = [[1, 2], [3, 4], [5, 6]];
let findArr = [3, 4];
let str = findArr.toString();
let result = arr.find(function(ele){
  return ele.toString() === str;
});
console.log(result); //[3, 4]

五、JS中find數組方法

在JS中，find方法除了可以用在數組中查找某個元素的位置以外，還可以用在其他數據結構中。例如字符串、Map、Set等。

//在字符串中查找字符a的位置
let str = 'hello world';
let result = Array.from(str).find(function(ele){
  return ele === 'a';
});
console.log(result); //undefined

六、find數組用法

除了數組中的find方法以外，JS中還有許多其他的用法和技巧。例如在Vue和React中使用computed計算屬性進行數組的篩選操作，使用ES6的解構語法對數組進行解構賦值等。這些技巧和用法的掌握可以讓開發者更加熟練地處理數組數據。

總結

數組的find方法是JS中非常常用的方法之一，可以用來查找數組中指定元素的位置。在實際開發中，我們可以結合其他的技巧和方法，比如使用解構語法、computed計算屬性等，來更加便捷地進行數組的數據操作。