如何在 JavaScript 中检查值是否为原始值?
在本教程中，我们将了解检查给定数据类型是否为原始值的方法。
JavaScript 中的数据类型 1. 原始 2. 非原始
原始数据类型 - 字符串、数字、未定义、布尔值、null、符号、bigint。
非原始数据类型 - 对象
原始数据类型/值不是对象，它表示在语言实现的底层。所有原始值都是不可变的，这意味着您无法更改它们的类型，而是可以为变量重新分配一个新值。
要检查值是否为原始值，我们检查给定的值是否是对象；如果我们提供的值是一个对象，则意味着它不是使用某些方法的原始数据类型。
方法 1:使用 Object()
我们将使用严格相等运算符检查给定的值是否为对象类型，因为它还将检查数据类型以及值。它将首先将值转换为对象，因为我们将通过对象将值作为参数传递。如果我们的值是一个对象，则对象函数将返回相同的值，并且它将被视为对象，否则严格相等运算符将检查并返回 false，因为类型将不相同。
语法
inputValue !== Object(inputValue);
让我们定义一个函数来检查输入值是否是原始类型。
function isPrimitive(inputValue){
if(inputValue===Object(inputValue)){
return "Value is not primitive";
}
else{
return "Value is primitive";
}
}
示例
在下面的例子中，我们检查以下值是否是原始值。
Null
Number
String
String object
Boolean Values
Array
Empty array
Object literal
<!DOCTYPE html> <html> <head> </head> <body> <h2>Check if the value is primitive or not</h2> <p id="result"></p> </body> <script type="text/javascript"> function isPrimitive(inputValue) { if (inputValue === Object(inputValue)) { console.log("Value is not primitive") document.getElementById("result").innerHTML += inputValue +": not primitive <br>" } else { console.log("Value is primitive") document.getElementById("result").innerHTML += inputValue +": primitive <br>" } } isPrimitive(null) isPrimitive(12) isPrimitive("This is simple string") isPrimitive(new String("This is string object")) isPrimitive(false) isPrimitive([1, 2, 3]) isPrimitive([]) isPrimitive({}) </script> </html>
方法 2:使用 typeof 运算符
在此方法中，我们将使用 typeof 运算符检查数据类型，并且我们知道非原始数据类型始终是对象类型，因此我们将检查我们的值是否是对象类型。
如果我们的值不是对象或函数类型，则它是原始的；否则它不是原始的。我们还必须处理 null 的情况，因为 null 是原始类型值，但如果我们检查 typeof(null)，typeof 将显示输出为对象。
function isPrimitive(inputValue){
if(inputValue==null)
{
return "Value is primitive";
}
if(typeof(inputValue)=="function" || typeof(inputValue)=="object"){
return "Value is not primitive"
}
else{
return "Value is not primitive"
}
}
示例
在下面的例子中，我们检查不同的值是否是原始值。为了检查值是否是原始值，我们使用了 typeof 运算符。我们检查类型是函数还是对象。如果类型是函数或对象，则该值不是原始类型；否则它就是原始的。
<!DOCTYPE html> <html> <head> </head> <body> <h2>Check if the value is primitive or not</h2> <div id="result"></div> </body> <script type="text/javascript"> function isPrimitive(inputValue){ if(inputValue==null) { return `primitive <br>`; } if(typeof(inputValue)=="function" || typeof(inputValue)=="object"){ return `not primitive <br>`; } else{ return `primitive <br>`; } } let resultDiv = document.getElementById("result"); resultDiv.innerHTML += "12: " + isPrimitive(12); resultDiv.innerHTML += "null: " + isPrimitive(null); resultDiv.innerHTML += "false: " + isPrimitive(false); resultDiv.innerHTML += "[1,2,3]: " + isPrimitive([1,2,3]); resultDiv.innerHTML += `"This is simple string": ` + isPrimitive("This is simple string"); resultDiv.innerHTML += "new String(): " + isPrimitive(new String("This is string object")); resultDiv.innerHTML += "[]: " + isPrimitive([]); resultDiv.innerHTML += "{}: " + isPrimitive({}); resultDiv.innerHTML += "new Date(): " + isPrimitive(new Date()); </script> </html>
因此，我们了解了检查给定值是原始类型值还是非原始值的方法。
