Jquery:for loop or $.each

Jquery:for loop or $.each

本文关键字:each or loop for Jquery      更新时间:2023-09-26

我对以下脚本有疑问,哪一个脚本能产生更好的性能?使用For Loop:

var words=$(".countryList option:selected").text().split(/ +/);
var sum=0;
var limit=14;
var appendWord="";
for(var i = 0; i < words.length; i++){
  sum = sum + words[i].length;
  if(sum <= limit){
    appendWord = appendWord + " " + words[i];
    sum = sum + 1;
  }
}

使用$.each():

var words =$(".countryList option:selected").text();
var arr = words.split(/ +/);
var textLimit=13;
var length=0;
var splittedText= '';
$.each(arr,function(i, val){
  length = length + arr[i].length;
  if(length <= textLimit){
    splittedText = splittedText + ' ' + arr[i];
    length = length + 1;
  }
});

在这里,我从选择框中获取文本,并告诉选择框只显示有限的单词或字符。。

如果我们考虑的是性能:for循环比每个循环都快得多。您可以使用带有日期功能的控制台来验证这一点,该功能将显示当前日期。