vue中常用的陣列迭代方法

2021-09-21 07:17:24 字數 1903 閱讀 2805

學習陣列迭代方法

every() 迭代陣列每一項,每項都符合條件的才返回true,反之false

some() 迭代陣列每一項,只要有一項符合條件就返回true,如果全部不符合才返回false

map() 迭代陣列每一項,可以給特定條件會返回重新組成新的陣列

filter() 迭代陣列每一項,可以給特定的條件進行篩選返回新的陣列

foreach() 迭代陣列每一項,沒有返回值

every()

every() 方法,對陣列中的每一項進行迭代,如果每一項都符合條件才可以返回true,反之返回false。

let children = [,,

,]// // 陣列中需要每乙個項都符合條件才返回true,反之返回false

let isadults = children.every(child => child.age >= 18)

console.log(isadults); // false 因為peter的age小於18歲

// 手動把peter的age改為20,再進行測試

children[1].age = 20;

let isadults2 = children.every(child => child.age >= 18)

console.log(isadults2); // true 所有的孩子都已經滿足大於或者等於18歲了,所以返回true

some()

some() 方法,對陣列的每一項迭代,只有乙個選項符合條件的,就可以返回true了,只有全部不符合條件才返回false。

情景: 如果有4個人,其中只有乙個小妹妹就可以通過了

**示例:

let people = [,,

,]// 陣列中只需要符合乙個條件就返回true,反之返回false

let hasgirl =  people.some(val => val.*** === 『girl』);

console.log(hasgirl) // true

map()

map() 方法,對陣列的每一項迭代,給特定的條件返回重新組成陣列。

情景: 有五個員工,突然當月老闆給每個人發獎金1w,求每個人的當月發的工資為多少

**示例:

let employees = [,,

,]// 對每個員工進行加薪10000元獎金,返回新陣列

let employeeswage = employees.map(item => 

});console.log(employeeswage);

filter() 方法,對陣列的每一項迭代,根據給出的條件進行篩選且返回新陣列 有條件,map沒條件

情景: 有五個員工,突然當月老闆給每個人發獎金1w,求每個人的當月發的工資為多少

**示例:

let students = [,,

,]// 獲得成績大於或等於90的學生,返回新陣列

let awardstudents = students.filter(val => val.grade >= 90);

console.log(awardstudents)

/**

foreach()

foreach() 方法,對陣列的每一項迭代,沒有返回值

情景: 我想看下班上的每一位同學的成績為多少,沒有返回值

**示例:

// 讀取每個人的成績,沒有返回值

students.foreach(item => 同學的成績為$);

/**

// 獲取獲得獎勵同學,沒有返回值

awardstudents.foreach(item2 => )

/* 輸出:

往往最基礎的知識能最簡單、快捷地解決問題,這五個迭代方法在平時非常實用,要記住這五個陣列迭代方法各自的優點,在需要的情景下,能馬上想到用哪個方法最簡單,最快捷地實現需求。

陣列 array中常用的方法

stringbuilder 效能不安全,但效率高,用來儲存字元 stringbuffer 效能安全,呼叫時需要等待,但是效率低 delete a,b 刪除內容包頭不包尾 reverse 把陣列內容倒一遍 陣列初始化的三種方式 靜態初始化 動態初始化 預設初始化 1 靜態初始化 int a 靜態初始化...

陣列中常用的方法總結

低階 1 array.from,將乙個類似陣列的物件中建立乙個陣列例項 第乙個類陣列,第二個是函式,類陣列的每一項都會執行,第三個引數座位mapfn的this array.from foo f o o var o array.from 1,2,3,4 function item o 2,3,4,5 ...

js中常用陣列的方法

一 陣列常用方法 1 push 向陣列中新增資料 語法 陣列.push 要新增的資料 加粗樣式 var arr 你好 var res arr.push 世界 console.log arr 你好 世界 console.log res 2直接改變原陣列 新增的資料是放在陣列的最後一位 返回值 新增過後...