使用 .pop 方法将 javascript 代码转换为 puppeteer

Question

我是 puppeteer 的新手，我尝试转换此 javascript 代码：

let messageElement;
await driver.findElements(By.className("message-list-item")).then(
    (ok) => {
        messageElement = ok.pop()
    }
)

await messageElement.getAttribute("id").then(
    (ok) => {
        messageNum = parseInt(ok.split("message")[1]);
    }
)

“.pop()”方法需要转换，我知道在 puppeteer 中我们可以使用“length - 1”，但我不能。 我已经尝试过这个：

const el = await page.$('.message-list-item')
  .then( (elements) => elements[el.length - 1]);

但不起作用。

Answer 1

这与“将 .pop() 转换为 puppeteer”无关。 pop 是 Array 原型上的标准函数。根据 puppeteer docs ， page.$() 在 DOM 节点上执行 querySelector，返回 DOM 节点直接而不是 DOM 节点数组，因此您不需要使用 pop 或任何其他数组函数。

const el = await page.$('.message-list-item')
  .then( (element) => element));

这相当于

const el = await page.$('.message-list-item');

EDIT

如果您想要具有该类名的最后一个元素，那么您需要获取这些项目的列表，为此您可以使用 $$ ，根据文档使用querySelectorAll，然后获取最后一个元素。

const el = await page.$('.message-list-item', (e) => e[e.length - 1]);

Answer 2

与 ：

const h4All = await page.$('.message-list-item');
  const h4Count = h4All.length;
  const fileName = h4All[h4Count - 1];

  const id= await (await fileName.getProperty("id")).jsonValue();
  console.log(await id);
  messageNum = parseInt(id.split("message")[1]);

  console.log(messageNum);

工作完成了，感谢您的帮助！
我可以再问你一个问题吗？
我有这个 javascript ：

let messageNum = 0;
   let lastMessageElement
    let y = false;
                while(!y){
                    console.log("Message de recherche " + messageNum);
    
                    await driver.findElement(By.id("message"+messageNum.toString())).then(
                        
                        (ok) => {
                            console.log("Trouvé");
    
                            y = true;
                            lastMessageElement = ok;
                        },
                        (error) => {
                            console.log("Error");
                        }
                    )
                    
                    if(!y) await driver.sleep(5000);
                }

尝试在 puppeteer 中转换：

let messageNum = 0;
   let lastMessageElement
    let y = false;
          while(!y){
              console.log("Message de recherche " + messageNum);
    
              const lastMessageElement = await page.$("message"+messageNum.toString());
              console.log(lastMessageElement);
                 
    
              if (lastMessageElement) 
              {
                 
                  
                      console.log("Trouvé");
                      console.log(lastMessageElement);
                      y = true;
              }
                  else {
                      console.log("Error");
                  }
              
             
              if(!y) await page.waitForTimeout(5000);
          }

但这不好......
再次感谢