如何检查JavaScript中的空/未定义/空字符串？

Question

是否有字符串。清空还是只是检查""?

Answer 1

空字符串，未定义，null。。。

要检查真实价值:

if（strValue）{//strValue是非空字符串，true，42，Infinity，[]。。。}

要检查假值:

if（！strValue）{//strValue为空字符串，false，0，null，undefined。。。}

---

空字符串（仅！）

要精确检查空字符串，请将严格相等性与""使用===操作人员:

if（strValue===“”）{//strValue为空字符串}

要严格检查非空字符串，请使用!==操作人员:

if（strValue！==“”）{//strValue不是空字符串}

Answer 2

用于检查变量是否虚假的或者，如果它的长度属性等于零（对于字符串，这意味着它是空的），我使用：

函数isEmpty（str）{return（！str||str.length==0）；}

_{（请注意，字符串并不是唯一具有长度属性，例如数组也有它们。）}

或者，您可以使用（并非如此）新的可选链接和箭头功能来简化：

const isEmpty=（str）=>（！str？.length）；

它将检查长度，返回未定义如果是nursh值，则不会抛出错误。在空值的情况下，零是错误的，结果仍然有效。

为了检查变量是否为false，或者字符串是否仅包含空白或为空，我使用了：

函数isBlank（str）{return（！str||/^\s*$/.test（str））；}

如果你愿意，你可以monkey-patch游戏这个字符串原型如下：

String.prototype.isEmpty=函数（）{//这与使用的isEmpty函数的工作方式不同//在第一个示例中，对于只包含空格的字符串，它将返回truereturn（this.length===0||！this.trim（））；};console.log（“示例”.isEmpty（））；

_{请注意，monkey-patch内置类型是有争议的，因为无论出于何种原因，它都可能破坏依赖于内置类型现有结构的代码。}

Answer 3

前面的所有答案都很好，但这会更好。使用双NOT运算符(!!):

if（！！str）{//这里有一些代码}

或使用类型转换：

if（布尔值（str））{//此处输入代码}

两者的功能相同。将变量类型转换为布尔值，其中字符串是一个变量。

• 它会返回假对于无效的,未定义,0,000,"",假.

• 它会返回真的对于空字符串以外的所有字符串值（包括以下字符串"0"和" ")

Answer 4

你能得到的最接近的东西str.空（前提条件是str是String）是：

if（！str.length）{。。。

Answer 5

如果您需要确保字符串不只是一堆空格（我假设这是为了进行表单验证），则需要对空格进行替换。

if（str.replace（/\s/g，“”）==“”）{}

Answer 6

我使用：

函数为空（e）{开关（e）{案例“”：案例0：案例“0”：大小写为null：案例错误：大小写未定义：返回true；违约：返回false；}}空（null）//真空（0）//真空（7）//假空（“”）//真空（（function（）{返回“”}))//错误

Answer 7

性能

我对执行测试macOS v10.13.6（High Sierra）针对18个选定解决方案。解决方案的工作方式略有不同（对于角落输入数据），如下面的代码片段所示。

结论

• 基于的简单解决方案!字符串,==,===和长度对所有浏览器（A、B、C、G、I、J）都很快
• 基于正则表达式的解决方案(测试,代替)和字符位于对于所有浏览器（H、L、M、P）来说都是最慢的
• 标记为最快的解决方案仅在一次测试运行中最快，但在许多运行中，它会在“快速”解决方案组中更改

细节

在下面的片段中，我通过使用不同的输入参数来比较选择的18种方法的结果

• "" “a” " "-空字符串、带字母的字符串和带空格的字符串
• [] {} （f）-数组、对象和函数
• 0 1 NaN公司 无限-数字
• 真的 假-布尔值
• 无效的 未定义

并非所有测试的方法都支持所有输入案例。

函数A（str）{设r=1；if（！str）r=0；返回r；}函数B（str）{设r=1；如果（str==“”）r=0；返回r；}函数C（str）{设r=1；如果（str===“”）r=0；返回r；}函数D（str）{设r=1；如果（！str||0===str.length）r=0；返回r；}函数E（str）{设r=1；if（！str||/^\s*$/.test（str））r=0；返回r；}函数F（str）{设r=1；if（！布尔值（str））r=0；返回r；}函数G（str）{设r=1；if（！（（typeof str！='undefined'）&&str））r=0；返回r；}函数H（str）{设r=1；if（！/\S/.test（str））r=0；返回r；}函数I（str）{设r=1；if（！str.length）r＝0；返回r；}函数J（str）{设r=1；if（str.length<=0）r=0；返回r；}函数K（str）{设r=1；if（str.length===0 | |！str.trim（））r=0；返回r；}函数L（str）{设r=1；if（str.replace（/\s/g，“”）==“”）r=0；返回r；}函数M（str）{设r=1；if（（/^\s*$/）.test（str））r=0；返回r；}函数N（str）{设r=1；if（！str||！str.trim（）.length）r＝0；返回r；}函数O（str）{设r=1；if（！str||！str.trim（））r=0；返回r；}函数P（str）{设r=1；if（！str.charAt（0））r=0；返回r；}函数Q（str）{设r＝1；if（！str||（str.trim（）==''））r=0；返回r；}函数R（str）{设r=1；if（typeof str==“未定义”||!字符串||str.length===0||str===“”||!/[^\s]/.test（字符串）||/^\s*$/.test（str）||str.replace（/\s/g，“”）===“”）r=0；返回r；}//---测试---console.log（'“”“a”“[]{}0 1 NaN Infinity f true false null undefined'）；让log1=（s，f）=>控制台.log（`${s}:${f（“”）}${f；让log2=（s，f）=>控制台.log（`${s}:${f（“”）}${f；让log3=（s，f）=>console.log（`${s}:${f（“”）}${f；log1（'A'，A）；log1（“B”，B）；log1（‘C’，C）；log1（'D'，D）；log1（“E”，E）；log1（‘F’，F）；log1（“G”，G）；log1（‘H’，H）；log2（“I”，I）；log2（‘J’，J）；log3（‘K’，K）；log3（‘L’，L）；log3（'M'，M）；log3（‘N’，N）；log3（“O”，O）；log3（‘P’，P）；log3（‘Q’，Q）；log3（'R'，R）；

然后对所有方法执行速度测试用例str=“”对于浏览器Chrome v78.0.0、Safari v13.0.4和Firefox v71.0.0，您可以在机器上运行测试在这里

Answer 8

您可以使用洛达什:_.isEmpty（值）。

它涵盖了很多情况，比如{},'',无效的,未定义等。

但它总是回来真的对于编号的类型JavaScript基元数据类型喜欢_.is空（10）或_.isEmpty（数字.MAX_VALUE）两个返回真的.

Answer 9

非常通用的“一体式”功能(但不推荐):

函数为空（x）{return（//在return后不放换行符（x的类型==“未定义”）||（x==空）||（x==false）//与：相同！x个||（x.length==0）||（x==0）//注意这一行，您可能不需要它。||（x==“”）||（x.replace（/\s/g，“”）==“”）||（！/[^\s]/.test（x））||（/^\s*$/.test（x））);}

然而，我不建议使用它，因为您的目标变量应该是特定类型（即字符串、数字或对象？），所以应用与该变量相关的检查。

Answer 10

变量s；//未定义var s=“”；//""s.长度//0

JavaScript中没有表示空字符串的内容。对其中之一进行检查长度（如果您知道var将始终是一个字符串）或反对""

Answer 11

尝试：

if（str&&str.trim（）.length）{//...}

Answer 12

我不会太担心有效率的方法。使用最清楚你的意图。对我来说，这通常是strVar==“”.

根据来自的评论康斯坦丁，如果strVar最终可能包含一个整数0值，那么这确实是意图明确的情况之一。

Answer 13

if（（输入？.trim（）？）？。长度||0）>0）{//输入不得为以下任何一项：//未定义//空// ""//“”或只是空白}

或以函数形式：

const isNotNilOrWhitespace=input=>（输入？.trim（）？。长度|0）>0；const isNilOrWhitespace=input=>（输入？.trim（）？。长度||0）===0；

说明：

如果输入是未定义或无效的然后是空合并?.将导致输入？。修剪（）？。长度将未定义或无效的.O型圈(||)那个有0将给予0.0不是> 0因此结果是假，即该值为零。

如果输入则为空或空白.trim（）将删除前导和结尾空白，这将使空输入保持不变，并将任何空白转换为空值。空字符串的长度为0，如上所述，0不是> 0，因此结果是假，即它是空的或只有空白。

如果输入是任何其他字符串，调用后其长度将大于0.trim（），因此结果是真的，即它不是一个零值，也不是空的或只有空白。

Answer 14

这里有很多有用的信息，但我认为，其中一个最重要的因素没有得到解决。

无效的,未定义，以及""都是虚伪的.

当计算一个空字符串时，通常是因为您需要用其他东西替换它。

在这种情况下，您可以预期以下行为。

var a=“”var b=空var c=未定义console.log（a | |“falsy-string provided”）//打印->“falsy string proved”console.log（b | |“提供虚假字符串”）//打印->“提供虚假串”console.log（c | |“falsy-string provided”）//打印->“falsy string proved”

考虑到这一点，可以返回字符串是否为"",无效的，或未定义（无效字符串）与有效字符串的比较简单如下：

const validStr=（str）=>str？真：假validStr（未定义）//返回falsevalidStr（null）//返回falsevalidStr（“”）//返回falsevalidStr（“我的字符串”）//返回true

请注意，您可能也想修剪（）字符串自"" !== " ".

Answer 15

有很多答案，也有很多不同的可能性！

毫无疑问，对于快速简单的实施，获胜者是：if（！str.length）｛…｝

然而，还有许多其他的例子。我建议，实现这一目标的最佳功能方法是：

函数为空（str）{if（类型str=='undefined'||！str||str.length==0||str===“”||！/[^\s]/.test（str）||/^\s*$/.test返回true；其他的返回false；}

我知道有点过分。

Answer 16

您还可以使用正则表达式：

if（（/^\s*$/）.test（str））{}

检查字符串是否为空或填充空白。

Answer 17

1. 检查一下变量a；存在

2. 删除值中的假空格，然后测试是否为空

   if（（a）&&（a.trim（）！=“”））{//如果变量a不为空，则执行此操作}

Answer 18

我通常使用这样的东西，

if（！str.length）{//做点什么}

Answer 19

此外，如果您认为空白填充字符串为“空”。

您可以使用以下正则表达式进行测试：

!/\S/.测试（字符串）；//如果为空，则返回true。

Answer 20

如果需要检测空字符串和空白字符串，我将在Goral的答案中添加：

函数为空{返回！s.长度；}函数为空白{return为Empty（s.trim（））；}

Answer 21

开始于：

return（！value||value==未定义||value=“”||value.length==0）；

查看最后一个条件，如果value==“”，则其长度必须为0。因此，放下它：

return（！value||value==未定义||value=“”）；

但是等等！在JavaScript中，空字符串为false。因此，落差值=“”：

return（！value||value==未定义）；

还有！undefined为true，因此不需要检查。因此，我们有：

return（！value）；

我们不需要括号：

返回！价值

Answer 22

我使用一个组合，最快的检查是第一个。

函数isBlank（pString）{if（！pString）{返回true；}//检查非空白字符//我认为[需要引用]更快//而不是删除所有空白并进行检查//针对空字符串返回/[^\s]+/.test（pString）；}

Answer 23

我还没有注意到一个考虑到字符串中存在null字符可能性的答案。例如，如果我们有一个null字符串：

var y=“\0”；//空字符串，但具有空字符（y===“”）//false，对空字符串进行测试不起作用（y.length===0）//错误（y） //真的，这也是意料之外的（y.match（/^[\s]*$/））//false，同样不需要

要测试它的空性，可以这样做：

String.prototype.isNull=函数（）{return Boolean（this.match（/^[\0]*$/））；}...“\0”.isNull（）//为真

它适用于空字符串和空字符串，并且所有字符串都可以访问它。此外，它可以扩展为包含其他JavaScript空字符或空白字符（即非中断空格、字节顺序标记、行/段落分隔符等）。

Answer 24

同时，我们可以使用一个函数来检查所有“清空”，如null、未定义、“”、“”，{}、[].所以我写了这个。

var isEmpty=函数（数据）{if（typeof（data）===“对象”）{if（JSON.stringify（data）==='{}'||JSON.strongify{返回true；}否则if（！data）{返回true；}返回false；}else if（typeof（data）===“字符串”）{if（！data.trim（））{返回true；}返回false；}else if（typeof（data）===“未定义”）{返回true；}其他{返回false；}}

用例和结果。

console.log（isEmpty（））；//真的console.log（isEmpty（null））；//真的console.log（isEmpty（“”））；//真的console.log（isEmpty（“”））；//真的console.log（isEmpty（未定义））；//真的console.log（isEmpty（{}））；//真的console.log（isEmpty（[]））；//真的console.log（isEmpty（0））；//假console.log（isEmpty（'Hey'））；//假

Answer 25

我做了一些研究，看看如果向测试函数传递一个非字符串和非空/空值会发生什么。正如许多人所知，（0==“”）在JavaScript中是正确的，但由于0是一个值，并且不是空的或null，您可能需要测试它。

以下两个函数仅对未定义、null、空/空白值返回true，对其他所有值返回false，例如数字、布尔值、对象、表达式等。

函数IsNullOrEmpty（值）{return（value==null||value===“”）；}函数IsNullOrWhiteSpace（值）{return（value==null||！/\S/.test（value））；}

存在更复杂的例子，但这些都很简单，并给出了一致的结果。无需测试未定义，因为它包含在（value==null）检查中。你也可以模仿C类#将它们添加到String中，如下所示：

字符串。IsNullOrEmpty=函数（值）{…}

您不希望将其放在Strings原型中，因为如果String-class的实例为null，它将出错：

字符串原型。IsNullOrEmpty=函数（值）{…}var myvar=空；如果（1==2）{myvar=“OK”；}//可以设置米瓦尔。IsNullOrEmpty（）；//抛出错误

我使用以下值数组进行了测试。如果有疑问，可以循环测试函数。

//助手项目var MyClass=函数（b）{this.a=“Hello World！”；this.b=b；}；MyClass.prototype.hello=函数（）{if（this.b==null）{alert（this.a）；}else（this.b）；}}；var z；var arr=[//0：打印说明，1：实际值[“未定义”，未定义]，['（var）z'，z]，['null'，null]，[“空”，“”]，['space'，'']，['tab'，'\t']，['newline'，'\n']，['carriage return'，'\r']，['“\\r\\n”'，'\r\n']，['“\\n\\r”'，'\n\r']，['“\\t\\n”'，'\t\n']，['“txt\\t测试”，'txt\t测试']，[“文本”，“文本”]，['“未定义”'，'未定义']，['“null”'，'null']，['"0"', '0'],['“1”'，'1']，['"1.5"', '1.5'],['“1,5”'，'1,5']，//在某些区域设置中是有效的数字，而不是在JavaScript中['逗号'，'，']，[“不”，“.”]，['".5"', '.5'],['0', 0],['0.0', 0.0],['1', 1],['1.5', 1.5],['NaN'，NaN]，['/\S/'，/\S/]，[真的，真的]，[假'，假]，['function，returns true'，function（）{return true；}]，['函数，返回false'，函数（）{return false；}]，['function，returns null'，function（）{return null；}]，['function，returns string'，function（）{return“test”；}]，['函数，返回未定义的'，函数（）{}]，['MyClass'，MyClass]，['新建MyClass'，新建MyClass（）]，['空对象'，{}]，['非空对象'，{a:“a”，match:“伪对象”，test:“伪”}]，['object with toString:string'，{a:“a”，match:“bogus”，test:“bougs”，toString:函数（）{return“test”；}}]，['object with toString:null'，{a:“a”，match:“bogus”，test:“bougs”，toString:函数（）{return null；}}]];

Answer 26

我在这里没有看到一个好答案（至少没有一个适合我的答案）

所以我决定回答自己：

value===未定义||value===null||value===“”；

您需要开始检查它是否未定义。否则，您的方法可能会爆炸，然后您可以检查它是否等于null或等于空字符串。

你不能有！！或仅限if（值）因为如果你检查0它会给你一个错误的答案（0是错误的）。

话虽如此，但要用这样的方法来概括：

public static isEmpty（value:any）：布尔值{返回值===未定义||value===空||value===“”；}

附言：你不需要检查类型，因为它会在进入方法之前爆炸并抛出

Answer 27

试试这个：

export const isEmpty=字符串=>（！string||！string.length）；

Answer 28

所有这些答案都很好。

但我不能确定变量是否是字符串，是否只包含空格（这对我来说很重要），是否可以包含“0”（字符串）。

我的版本：

函数为空（str）{返回！str||/[^\s]+/.测试（str）；}空（null）；//真的空（0）；//真的空（7）；//假空（“”）；//真的空（“0”）；//假空（“”）；//真的

上的样本J小提琴.

Answer 29

使用零平衡运算符修剪空白：

if（！str？.trim（））{//做点什么。。。}

Answer 30

没有为空（）方法，您必须检查类型和长度：

if（测试类型==='string'&&test.length====0）{...

需要进行类型检查，以避免在以下情况下出现运行时错误测试是未定义或无效的.