Cypress系列（74）- each() 命令詳解

如果想從頭學起Cypress，可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

 

作用

遍歷數組數據結構（具有 length 屬性的數組或對象）

 

語法格式

.each(callbackFn)

 

callbackFn

• 回調函數
• 可以擁有三個參數：value、index、collection

 

正確用法

// 遍歷每個 li 元素
cy.get('ul>li').each(() => {...})

// 遍歷每個 cookie 
cy.getCookies().each(() => {...})

 

錯誤用法

// 不能直接通過 cy 調用
cy.each(() => {...})   

// location() 返回的結果不是一個數組
cy.location().each(() => {...}) 

 

命令返回結果

返回和上一條命令一樣的結果

 

實際栗子

代碼

 

栗子一的結果

遍歷三次，每次都可以獲取 li 元素和索引值（從 0 開始）

 

栗子二的結果

• 若想提前結束遍歷，可以通過判斷然后直接 return false 
• 若想在 .each() 命令后繼續操作原始數組（未遍歷前），可以直接在 .each() 命令后接 .then() 命令進行操作