如何在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年9月14日

3K+ 次瀏覽

啟動你的職業生涯

完成課程獲得認證

開始學習
廣告