将数据从数组拉入新的独立变量 JavaScript?

javascriptweb developmentfront end technology

在 JavaScript 中,有一个数组方法,可让您轻松地从数组中提取数据并将其分配给新的独立变量。这在处理大型数据集或需要快速访问数组中的特定值时非常有用。在本文中,我们将探讨如何使用点 (.) 符号将数据从数组拉入 JavaScript 中的新独立变量。

让我们知道,什么是独立变量!独立变量是一个独立的变量,不受任何其他变量的影响。它可以被操纵或更改,并且会影响实验中的因变量。

在本文中,您可以看到 点 (.) 符号用于"将数据从数组拉入新的独立变量"。

在 JavaScript 中使用点 (.) 符号

点符号是 JavaScript 中用于访问对象属性的语法。它可用于获取、设置或调用对象的方法。它涉及使用点运算符 (.),后跟要访问的属性名称。它用于将属性与其对象分开,以便可以访问该属性的值。

因此,我们可以利用此属性来回答上述问题。

示例

在下面的示例中,我们使用点符号运行脚本,将数组拉入新的独立变量。

<!DOCTYPE html>
<html>
<body>
   <script>
      const employeeDetails = [
         {
            employeeName: "Chris",
            employeeAge: 25,
            employeeTechnology: "Java"
         },
         {
            employeeName: "David",
            employeeAge: 27,
            employeeTechnology: "Javascript"
         },
         {
            employeeName: "Bob",
            employeeAge: 24,
            employeeTechnology: "Python"
         }
      ]
      var firstName = employeeDetails[1].employeeName;
      var age = employeeDetails[1].employeeAge;
      var technology = employeeDetails[1].employeeTechnology;
      document.write(firstName +"<br>");
      document.write(age +"<br>");
      document.write(technology +"<br>");
   </script>
</body>
</html>

当脚本执行时,它将生成一个输出,该输出由打印的变量和通过执行脚本时触发的事件从数组中获取的变量组成。

示例

考虑以下示例,我们正在运行脚本以将数据从数组拉入独立变量。

<!DOCTYPE html>
<html>
<body>
   <script>
      let array = [222,333];
      [a,b] = array;
      document.write(a +"<br>");
      document.write(b +"<br>");
      let obj = {car:"Bmw",bike:"Rx100"};
      let {car,bike} = obj;
      document.write(car +"<br>");
      document.write(bike +"<br>");
   </script>
</body>
</html>

在运行脚本时,Web 浏览器将显示从浏览器数组中独立获取的变量,这些变量由运行脚本时触发的事件激活。

示例

考虑以下示例,其中我们使用一个包含两个变量的数组,并运行脚本将其中一个变量作为独立变量打印。

<!DOCTYPE html>
<html>
<body>
   <script>
      arr = ['one', 'two'];
      [a,b]=arr
      var length = arr.length;
      for (var i = 0; i < length; i++) {
         var val = arr[i];
         eval('var '+arr[i]+'= arr[i];');
      }
      document.write(b);
   </script>
</body>
</html>

当脚本执行时,事件被触发,根据上述脚本中提供的条件,从数组中提取数据并在网页上打印一个独立变量。


相关文章