如何在 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+ 浏览量

启动您的 职业生涯

通过完成课程获得认证

开始学习
广告