如何在 JavaScript 中初始化布林陣列？

在本教程中，我們將學習如何在 JavaScript 中初始化布林陣列。

我們可以透過三種方式在 JavaScript 中初始化布林陣列：

  • 使用 fill() 方法

  • 使用 Array from() 方法

  • 使用 for 迴圈

使用 fill() 方法

我們可以使用 fill() 方法初始化布林陣列。fill() 方法將所有陣列元素從起始索引到結束索引設定為靜態值。

語法

//initialization of boolean array with fill() method 
let arrayName = new Array(array_length).fill(true/false);

在上面的語法中，我們建立一個名為“arrayName”的陣列，並使用陣列長度初始化 Array() 建構函式，然後呼叫陣列的 fill() 方法，將所有值初始化為 true 或 false。

示例

在下面的示例中，我們學習了使用者如何使用 fill() 方法在 JavaScript 中初始化布林陣列。這裡我們使用了一個帶有點選事件的“點選此處”按鈕。點選該按鈕後，將呼叫 bool() 函式。在那裡我們建立一個數組“myarray”並使用 Array.fill() 方法初始化它，並將值設定為 true。

<html>
<body>
   <h3>Initializing a boolean array using fill() method</h3>
   <p>Boolean array with all true values</p>
   <button onclick="bool()">Click Here</button>
   <div id="root"></div>
   <script>
      function bool() {
         //initializing an array named "myarray" with a length of 5
         const myarray = new Array(5).fill(true)
         document.getElementById('root').innerHTML = "[" + myarray + "]"
      }
   </script>
</body>
</html>

使用者可以看到，點選按鈕後，id 為“root”的 div 標籤顯示了填充有 true 值的陣列。

使用 Array from() 方法

使用 Array.from() 方法，我們可以初始化布林陣列。Array.from() 方法接受一個長度引數，並從任何可迭代物件或物件返回一個數組。

語法

// initialization of boolean array with Array.from() method
let arrName = Array.from({length}, (value,index)=> true/false);

在上面的語法中，我們建立一個名為“arrName”的陣列，並使用陣列長度初始化 Array.from() 方法，並在所有索引元素中將值設定為 true 或 false。

示例

在下面的示例中，我們學習了使用者如何使用 Array.from() 方法在 JavaScript 中初始化布林陣列。這裡我們使用了一個帶有點選事件的“點選此處”按鈕。點選該按鈕後，將呼叫 bool() 函式。在那裡我們建立一個數組“myarray”並使用 Array.from() 方法初始化它，長度為 5，值初始化為 false。

<html>
<body>
   <h3>Initializing a boolean array using Array.from() method</h3>
   <p>Boolean array with all false values</p>
   <button onclick="bool()">Click Here</button>
   <div id="root"></div>
   <script>
      function bool() {
         //initializing an array named "myarray" with a length of 5
         const myarray = Array.from({ length: 5 }, (value, index) => false);
         document.getElementById('root').innerHTML = "[" + myarray + "]"
      }
   </script>
</body>
</html>

使用者可以看到，點選按鈕後，id 為“root”的 div 標籤顯示了填充有 false 值的陣列。

使用 for 迴圈

我們也可以使用 for 迴圈初始化布林陣列。首先，我們必須使用空值初始化一個數組 arrName。然後，隨著 for 迴圈的工作，我們首先初始化一個變數並在條件下增加它的值。如果條件為真，我們將使用 push() 方法將布林值推入陣列。

語法

// initialization of boolean array with for loop
Let arrName = []
for (expression 1; expression 2; expression 3){
   arrName.push(true/false);
}

在上面的語法中，我們建立一個名為“arrName”的陣列，並將其初始化為空陣列。然後，布林值使用 for 迴圈迭代方法推入 arrName 陣列。

示例

在下面的示例中，我們學習了使用者如何使用 for 迴圈迭代在 JavaScript 中初始化布林陣列。這裡我們使用了一個帶有 onclick 事件處理程式函式的“點選此處”按鈕。點選該按鈕後，將呼叫 bool() 函式。在那裡我們建立一個數組“myarray”並在 1 到 5 的範圍內建立一個 for 迴圈。如果陣列位置為偶數，則在偶數位置插入 true 值，在奇數位置插入 false 值。我們正在使用 push() 方法設定元素的值。

<html>
<body>
   <h3>Initializing a boolean array using for loop</h3>
   <p>Boolean array with true values in even positions and false values in odd positions</p>
   <button onclick= "bool()">Click Here</button>
   <div id="root"></div>
   <script>
      function bool() {
         //initializing an array named "myarray" with a length of 5
         let myarray = []
         for (let i = 0; i < 5; i++) {
            if (i % 2 == 0) {
               myarray.push(true);
            }
            else {
               myarray.push(false);
            }
         }
         document.getElementById('root').innerHTML = "[" + myarray + "]"
      }
   </script>
</body>
</html>

使用者可以看到，點選按鈕後，id 為“root”的 div 標籤顯示了分別填充有 true 和 false 值及其位置的陣列。

在本教程中，我們學習瞭如何透過兩種不同的方法初始化布林陣列。前兩種方法只能為所有陣列元素初始化靜態布林值，但在 for 迴圈迭代方法中，我們可以設定自定義邏輯來初始化布林陣列的值。

更新於： 2022-09-14

3K+ 瀏覽量

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告