如何在 JavaScript 中获取对象的属性值?


有一些方法可以查找对象的属性值,例如 `Object.values()`,但是使用此方法过程会很冗长。

我们可以借助 `_.values()` 函数轻松查找对象的属性值,这是一个内置方法,属于 underscore.js(一个提供多种功能的 JavaScript 库)。

`_.values()` 方法无需循环即可获取值,它是查找对象属性值的直接方法。

语法

_.values( object )

参数 - 此函数只接受一个参数,即对象。对象类似于数组,具有键值对,但它不是数组。

示例 1

以下是一个从对象中检索值的示例:

<!DOCTYPE html>
<html>
<body>
   <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
</head>
<body>
   <script>
      var obj = {"name": 'Abcd kumar',age: 47, contact:9893444666, "Organization":'Spacex' }
      var res = JSON.stringify(_.values(obj)); // we are using stringify because we want to print the value in page not in console.
      document.write((res));
   </script>
</body>
</html>

示例 2

在这个例子中,我们使用 `object.values()` 函数打印对象的属性值。

<!DOCTYPE html>
<html>
<body>
   <script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js"></script>
</head>
<body>
   <script>
      var userDetails = {name: 'Aman Kumar',state:"Jharkhnad", work:'Technical Writer', company:"TutorialsPoint" };
      for(let value of Object.values(userDetails)){
         document.write(" " + value + " ");
      }
   </script>
</body>
</html>

示例 3

让我们来看另一个例子:

<!DOCTYPE html>
<html>
<head>
   <script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>
</head>
<body>
   <script type="text/javascript">
      var details = _.values({
         Name: "Vivek",
         Address: "Noida Up",
         Mobile: "+91 9876452301",
         Email: "[email protected]",
      });
      
      //console.log(key);
      for(let value of details){
         document.write(" " + value + " ");
      }
   </script>
</body>
</html>

示例 4

这是一个示例,我们将对象的属性值以数组格式打印出来:

<!DOCTYPE html>
<html>
<head>
   <script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"
></script>
</head>
<body>
   <script type="text/javascript">
      var details = _.values({
         Name: "Vivek",
         Address: "Noida",
         Mobile: "+91 9876452301",
         Email: "[email protected]",
      });
      
      var object = _.values({
         name: "Aman Kumar",
         Address: "Hyderabad",
         Mobile: "+91 8252240532",
      });
      
      //console.log(key);
      document.write("[");
      for (let value of details) {
            document.write(" " + value + " ");
         } // here we are using for loop and documet.write() to display the value in page.
         document.write("]");
         
         document.write("[");
         for (let x of object[2]) {
            document.write(x); // get the third item from the list returned as well
         }
         document.write("]");
   </script>
</body>
</html>

更新于:2022-12-06

522 次浏览

开启你的职业生涯

完成课程获得认证

开始学习
广告