首頁 > web前端 > js教程 > 主體

js中數組的遍歷方法有哪些

下次还敢
發布: 2024-05-06 11:06:17
原創
639 人瀏覽過

JavaScript 中遍歷陣列有多種方法:for 迴圈forEach() 方法map() 方法filter() 方法find() 方法findIndex() 方法every() 方法some() 方法reduce() 方法

js中數組的遍歷方法有哪些

JS 中陣列的遍歷方法

在JavaScript 中,遍歷陣列有以下幾種方法:

1. for 迴圈

<code class="javascript">const arr = [1, 2, 3, 4, 5];

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}</code>
登入後複製

2. forEach() 方法

<code class="javascript">const arr = [1, 2, 3, 4, 5];

arr.forEach((element) => {
  console.log(element);
});</code>
登入後複製

3. map() 方法

<code class="javascript">const arr = [1, 2, 3, 4, 5];

const newArr = arr.map((element) => element * 2);

console.log(newArr); // [2, 4, 6, 8, 10]</code>
登入後複製

4. filter() 方法

<code class="javascript">const arr = [1, 2, 3, 4, 5];

const newArr = arr.filter((element) => element > 2);

console.log(newArr); // [3, 4, 5]</code>
登入後複製

5. find() 方法

<code class="javascript">const arr = [1, 2, 3, 4, 5];

const element = arr.find((element) => element === 3);

console.log(element); // 3</code>
登入後複製

6 . findIndex() 方法

<code class="javascript">const arr = [1, 2, 3, 4, 5];

const index = arr.findIndex((element) => element === 3);

console.log(index); // 2</code>
登入後複製

7. every() 方法

<code class="javascript">const arr = [1, 2, 3, 4, 5];

const result = arr.every((element) => element > 0);

console.log(result); // true</code>
登入後複製

8. some() 方法

<code class="javascript">const arr = [1, 2, 3, 4, 5];

const result = arr.some((element) => element > 3);

console.log(result); // true</code>
登入後複製

9. reduce() 方法

<code class="javascript">const arr = [1, 2, 3, 4, 5];

const sum = arr.reduce((acc, element) => acc + element);

console.log(sum); // 15</code>
登入後複製

以上是js中數組的遍歷方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板