首页 > 文章 > web前端 > JavaScript 中如何检查值是否为原始值？

JavaScript 中如何检查值是否为原始值？

王林转载: 2023-08-26 16:33:16876浏览

在本教程中，我们将了解检查给定数据类型是否为的方法是否原始。

JavaScript 中的数据类型 1. 原始数据类型 2. 非原始数据类型

原始数据类型 - 字符串、数字、未定义、布尔、null、符号、bigint。

非原始数据类型 - 对象

原始数据类型/值不是对象，它表示为语言实现的底层。所有原始值都是不可变的这意味着您不能更改它们的类型，而是可以将 v 新值重新分配给变量。

为了检查该值是否是原始值，我们检查给定的值是否是一个对象；如果我们提供的值是一个对象，这意味着它不是使用某些的原始数据类型方法。

方法一：使用Object()

我们将使用严格相等运算符检查给定值是否为对象类型因为它还会检查数据类型和值。它首先将值转换为对象，因为我们将通过对象传递值作为参数。如果我们的价值是一个对象，那么对象函数将返回相同的对象，并且它将被视为一个对象，否则严格相等运算符将检查并返回 false，因为类型不会是一样的。

语法

inputValue !== Object(inputValue);

让我们定义一个函数来检查输入值是否为原始类型。

function isPrimitive(inputValue){
   if(inputValue===Object(inputValue)){
      return "Value is not primitive";
   }
   else{
      return "Value is primitive";
   }
}

示例

In the example below, we check the following values if they are 是否原始。

空
数字
字符串
字符串对象
布尔值
数组
空数组
对象文字

<!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 会如果我们检查 typeof(null)，则将输出显示为对象。

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>

因此，我们需要了解检查给定值是原始类型值还是非原始值的方法。

以上是JavaScript 中如何检查值是否为原始值？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文转载于：tutorialspoint.com。如有侵权，请联系admin@php.cn删除

上一篇：Angular 入门：基础知识下一篇：如何在JavaScript中的异步函数之外使用await？

查看更多