js代码执行顺序

最新推荐文章于 2024-07-26 03:27:40 发布

原创最新推荐文章于 2024-07-26 03:27:40 发布 · 369 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

文章讨论了JavaScript中，当遍历数组并执行条件判断（如检查title是否包含&nbsp;）和数组操作（如替换并push元素）时，确保了条件判断会先于数组操作执行的逻辑。

问：

if (this.channelAndColumn[selectedIndex].children.length > 0) {
// 当对应的children不为空时进行循环遍历推到新创建的空数组中作为栏目的数据
this.channelAndColumn[selectedIndex].children.forEach(ele => {
console.log(ele, 'ele');

// 判断 title 中是否包含  
if (ele.title.includes(" ")) {
// 使用正则表达式替换转义符号
ele.title = ele.title.replace(/ /g, "");
}

this.columnAllArr.push(ele);
});
console.log(this.columnAllArr, 'this.columnAllArr')
}这段判断里面会不会导致this.columnAllArr.push(ele);比// 判断 title 中是否包含  
if (ele.title.includes(" ")) {
// 使用正则表达式替换转义符号
ele.title = ele.title.replace(/ /g, "");
}这段先执行呢?

回答：

在 JavaScript 中，条件判断语句会按照从左到右、从上到下的顺序逐个执行。因此，在你提供的代码中，先执行的是判断条件 if (ele.title.includes(" "))，如果条件成立（即 title 中包含  ），则执行对应的替换操作，然后才会执行 this.columnAllArr.push(ele); 将处理过的对象推送到 columnAllArr 数组中。

所以不用担心，代码会按照你的预期顺序执行