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

启动你的职业生涯

完成课程获得认证

开始学习
广告