從陣列中提取資料到新的獨立變數 JavaScript?


在 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>

執行指令碼後,網頁瀏覽器會獨立顯示從陣列中提取的變數,這些變數是在執行指令碼時觸發的事件啟用的。

示例

考慮以下示例,我們使用一個數組,其中包含兩個變數,並執行指令碼列印其中一個變數作為獨立變數。

<!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>

當指令碼執行時,事件被觸發,從陣列中提取資料並在網頁上列印一個獨立變數,基於上述指令碼中提供的條件。

更新於: 2023年1月18日

476 次檢視

啟動你的 職業生涯

透過完成課程獲得認證

開始
廣告