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

 引言

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),新蔡企業(yè)網(wǎng)站建設(shè),新蔡品牌網(wǎng)站建設(shè),網(wǎng)站定制,新蔡網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,新蔡網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

在 JavaScript 中，有一些用于遍歷數(shù)組的方法。經(jīng)常的總結(jié)并記住它們，可以讓我們的工作得心應(yīng)手。

map

map() 數(shù)組的每個(gè)元素都會調(diào)用回調(diào)函數(shù)，并將處理結(jié)果返回一個(gè)新數(shù)組。

 
 

  
  
const numbers = [1, 2, 3, 4];
  
  
const foo = number => number + 10;
  
  
const newNumbers = numbers.map(foo);
  
  
console.log(`新數(shù)組：${newNumbers}`);
  
  
console.log(`舊數(shù)組：${numbers}`);
  
  
/*
  
  
 * 新數(shù)組：11,12,13,14
  
  
 * 舊數(shù)組：1,2,3,4
  
  
*/
 
 

every

every() 方法使用指定函數(shù)檢測數(shù)組中的所有元素是否滿足條件，元素全部滿足條件，方法返回 true ，有一個(gè)元素不滿足條件，方法返回 false 且其余元素不再檢測。

 
 

  
  
const numbers = [1,2,3,4];
  
  
const foo = num => num < 5;
  
  

  
  
if (numbers.every(foo)) {
  
  
  console.log('數(shù)組中所有元素都小于 5'); // is ok
  
  
} else {
  
  
  console.log('數(shù)組中至少有一個(gè)元素大于 5');
  
  
}
 
 

some

some() 方法使用指定函數(shù)檢測數(shù)組中是否有元素滿足條件，有一個(gè)元素滿足條件，方法返回 true 且剩余的元素不會再執(zhí)行檢測，沒有滿足條件的元素，方法返回 false 。

 
 

  
  
const numbers = [1,2,3,4];
  
  
const foo = num => num > 3;
  
  

  
  
if (numbers.some(foo)) {
  
  
  console.log('數(shù)組中至少有一個(gè)元素值大于 3'); // is ok 
  
  
} else {
  
  
  console.log('數(shù)組中沒有大于 3 的元素值');
  
  
}
 
 

filter

filter() 方法通過一個(gè)函數(shù)，篩選數(shù)組中的元素。用符合條件的元素創(chuàng)建一個(gè)新數(shù)組。

 
 

  
  
const numbers = [1,2,3,4];
  
  
const foo = number => number > 2;
  
  
const newNumbers = numbers.filter(foo);
  
  
console.log(`原始數(shù)組 [${numbers}] 中，滿足 > 2 的元素有 : ${newNumbers}`);
  
  
// 原始數(shù)組 [1,2,3,4] 中，滿足 > 2 的元素有 : 3,4
 
 

reduce

reduce() 方法接收一個(gè)函數(shù)累加器，數(shù)組中的每個(gè)元素 (從左到右) 應(yīng)用于函數(shù)，最終計(jì)算出一個(gè)最終值。

 
 

  
  
const numbers = [1, 2, 3, 4];
  
  
const sum = (total, num) => total + num;
  
  
const numbers_sum = numbers.reduce(sum, 0); // 將 0 作為 reduce 的初始值
  
  
console.log(`原始數(shù)組 '${numbers}' 的元素累加后，最終值是 ${numbers_sum}`);
  
  
// 原始數(shù)組 [1,2,3,4] 的元素累加后，最終值是 10
 
 

reduceRight() 和 reduce() 使用方法一樣，區(qū)別是它從右到左將數(shù)組中的每個(gè)元素應(yīng)用于函數(shù)。

for

傳統(tǒng)的 for 循環(huán)遍歷數(shù)組很常用。

 
 

  
  
const numbers = [1, 2, 3, 4];
  
  
for (let index = 0; index < numbers.length; index++) {
  
  
  console.log(numbers[index]); // 1 2 3 4
  
  
}
 
 

forEach

forEach() 將數(shù)組的每個(gè)元素傳入回調(diào)函數(shù)，且對空數(shù)組不會執(zhí)行回調(diào)函數(shù)。

 
 

  
  
const numbers = [1, 2, 3, 4];
  
  
numbers.forEach((number, index, numbers) => {
  
  
  console.log(`下標(biāo) ${index} 在數(shù)組 ${numbers} 中的值是 ${number}`);
  
  
});
  
  
/*
  
  
 * 下標(biāo) 0 在數(shù)組 1,2,3,4 中的值是 1
  
  
 * 下標(biāo) 1 在數(shù)組 1,2,3,4 中的值是 2
  
  
 * 下標(biāo) 2 在數(shù)組 1,2,3,4 中的值是 3
  
  
 * 下標(biāo) 3 在數(shù)組 1,2,3,4 中的值是 4
  
  
*/
 
 

while

while 也可以遍歷數(shù)組，但很少用。

 
 

  
  
let index = 0;
  
  
const numbers = [1,2,3,4];
  
  
while(index < numbers.length) {
  
  
  console.log(numbers[index]);
  
  
  index ++;
  
  
}
  
  
// 1 2 3 4
 
 

本文標(biāo)題：簡單實(shí)用，JavaScript的8個(gè)數(shù)組遍歷方法
新聞來源：http://www.5511xx.com/article/dhpphjp.html