日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
你能想到多少種獲取數組第N個元素的方法？

作為一個前端工程師，數據的處理能力必然是很重要的。對于常見的數組，想要獲取其中的第N個元素，究竟有多少種方法呢?

創(chuàng)新互聯(lián)建站是一家業(yè)務范圍包括IDC托管業(yè)務,虛擬空間、主機租用、主機托管，四川、重慶、廣東電信服務器租用,眉山聯(lián)通機房，成都網通服務器托管,成都服務器租用,業(yè)務范圍遍及中國大陸、港澳臺以及歐美等多個國家及地區(qū)的互聯(lián)網數據服務公司。

比如，我們要獲取數組 array 的 第 3 個元素。

 
 
 
 
      
  
  
  
  1. const array = [ 
    2.   
  
  
  
  2.   { id: 1, name: 'Mario' },  
    3.   
  
  
  
  3.   { id: 2, name: 'Doom'},  
    4.   
  
  
  
  4.   { id: 3, name: 'Jack'}, 
    5.   
  
  
  
  5.   { id: 4, name: 'Yvette'} 
    6.   
  
  
  
  6. ] 
    7.

1. for 循環(huán)

最簡單的當然是 for / forEach 循環(huán)啦。

 
 
 
 
      
  
  
  
  1. let result; 
    2.   
  
  
  
  2. for (let index = 0; index < array.length; index++) { 
    3.   
  
  
  
  3.   if (index === 2) { 
    4.   
  
  
  
  4.     result = array[index]; 
    5.   
  
  
  
  5.   } 
    6.   
  
  
  
  6. } 
    7.

2. Array.prototype.forEach

forEach 不用多介紹，相信大家都知道。這里使用 forEach，而不選中 map 的原因很簡單，因為這里不需要返回一個新的數組，甚至也不需要返回值，而且 forEach 還可以中斷。如果是一個超級大大大數組，優(yōu)勢就出來了。

 
 
 
 
      
  
  
  
  1. let result; 
    2.   
  
  
  
  2. array.forEach((item, index) => { 
    3.   
  
  
  
  3.   if(index === 2) { 
    4.   
  
  
  
  4.     result = item; 
    5.   
  
  
  
  5.     return; 
    6.   
  
  
  
  6.   } 
    7.   
  
  
  
  7. }); 
    8.

3. Array.prototype.find

find 和 forEach 應該都是大家比較常用的方法了。find 返回的是數組中第一個滿足條件的元素，用在這里也合適。

 
 
 
 
      
  
  
  
  1. const result = array.find((item,index) => index === 2); 
    2.

4. Array.prototype.slice

slice 于我而言，沒有 find 和 forEach 用得頻繁。最最最關鍵的是，每次用 slice 之前，我都會把 splice 在心里想一遍去確認，討厭這種超級相近的單詞。

slice 返回的是一個數組，slice(start, end)，如果不傳 end 的話，就返回從 start一直到數組末尾。

 
 
 
 
      
  
  
  
  1. const result = array.slice(2,3)[0]; 
    2.

如果 start 是負數的話，那么就會從數組的末尾開始，比如，獲取數組的最后一個數：

 
 
 
 
      
  
  
  
  1. const lastOne = array.slice(-1)[0]; 
    2.

獲取數組的倒數第二個數：

 
 
 
 
      
  
  
  
  1. const lastSecond = array.slice(-2, -1)[0]; 
    2.

如果有人跟我一樣，對 slice 和 splice 這種超級單詞超級像的方法會有點傻傻分不清的話，我是這樣去區(qū)分的：

splice 比 slice 多個 p，而 splice 會改變原數組，一般會修改原數組的方法都不是我的首選，所以這個多出來的這個 p 真的就是個 P。

記這些東西真的好難，哈哈哈哈，尤記當年記 “上北下南，左西右東”時，前半句我一直沒有問題，后半句，我總是不分期是“左西右東”，還是“左東右西”，后來，我自己總結了下，封口的要對不封口的，不封口的要對封口的，“左”不封口，所以它要跟一個封口的“西”，“右”是封口的，所以它和“東”在一起，從此之后，我就再也沒有高混過了。

5. Array.prototype.at

數組原型新增的方法，個人認為這是最最最方便的方法了。和 slice 不同，它返回的就是第N個元素。

 
 
 
 
      
  
  
  
  1. const result = array.at(2); 
    2.

和 slice 類似，如果入參是負數的話，那么將會從數組的末尾開始。

例如，獲取最后一個元素:

 
 
 
 
      
  
  
  
  1. const lastOne = array.at(-1); 
    2.

獲取倒數第二個元素：

 
 
 
 
      
  
  
  
  1. const lastSecond = array.at(-2); 
    2.

用它用它用它。

6. lodash 的 nth

如果你項目中使用了 lodash 的話，那么 nth 當然也是一個很好的選擇。

 
 
 
 
      
  
  
  
  1. import { nth } from 'lodash'; 
    2.   
  
  
  
  2. const result = nth(array, 2); 
    3.

網頁題目：你能想到多少種獲取數組第N個元素的方法？
網頁URL：http://www.5511xx.com/article/cocejho.html