检查数组中的字符串在javascript/jquery中是否有空格字符

Question

I am trying to type a text in a conteneditable div and when I loop through them the for loop as an array and check if there are any white space characters (ie abc de ie space between the two words it does not recognize them as empty string ). Please see below code.

Script:

function htmltoBBcode() {
    $("#hidden").html($('#textEditor').html());
    $("#hidden").html($('#textEditor').html()); 
    var arr=$("#hidden").text();
    for(var i=0;i<arr.length;i++)
    {
        if(arr[i]=='')
        {
             console.log("i is true"+arr[i]);
        }
        else{
            console.log("i is false"+arr[i]);
        }
    } 
}

In the above code, I am taking the text from the contenteditable div and looping through them, if the arr[i]=='' it should return true in the console.log but it keeps returning false always, even though it is an empty string(white space).

Demo

Answer 1

If you want to check if a string is empty use:

if (!arr[i]) {
  // is emtpy
}

Take into consideration that the String is not considered empty if it has whitespace in it! If you want to ignore the whitespace:

if (!arr[i].trim()) {
    // is empty 
}

Answer 2

There is not an empty carácter un this position. It's a space carácter. You can check if there space characters by using thisfunction.

function hasWhiteSpace(s) {
  return /\s/g.test(s);
}


if(hasWhiteSpace(arr[i]))
             {
              console.log("i is        true"+arr[i]);
             }

Answer 3

As A.Wolff pointed out, a space is not an empty string. I also changed == to === to avoid coercion. Here's a jsbin

js

function htmltoBBcode() {
    $("#hidden").html($('#textEditor').html());
    $("#hidden").html($('#textEditor').html()); 
    var arr=$("#hidden").text();
    for(var i=0;i<arr.length;i++)
    {
        if(arr[i]===" ")
        {
             console.log("i is true: "+arr[i]);
        }
        else{
            console.log("i is false: "+arr[i]);
        }
    } 
}