js 重置或清空数组

要重置或清空 JavaScript 数组，可以使用以下方法之一：

1. 使用空数组赋值

let arr = [1, 2, 3, 4, 5];
arr = [];
console.log(arr); // []

2. 使用 length 属性

let arr = [1, 2, 3, 4, 5];
arr.length = 0;
console.log(arr); // []

3. 使用 splice() 方法

let arr = [1, 2, 3, 4, 5];
arr.splice(0, arr.length);
console.log(arr); // []

注意，以上方法都会直接修改原数组，如果你不想修改原数组，可以先复制一份然后进行操作。

相关问题

点击重置，重置插槽里面的一个数组变为空

在Vue.js中，如果你想在点击“重置”按钮时清空插槽中绑定的数组，可以按照类似的方式处理，只需要修改一下`resetAdvancedSearchParams`方法，让它专门针对数组进行操作：

假设你的插槽内容是这样的：

<template slot-scope="{ searchParams }">
  <ul>
    <li v-for="item in searchParams" :key="item.id">{{ item.name }}</li>
  </ul>
</template>

然后在组件的methods中添加如下代码：

data() {
  return {
    advancedSearchParams: [] // 初始的数组应该是空的
  }
},
methods: {
  resetAdvancedSearchParams() {
    this.advancedSearchParams = []; // 通过索引赋值为空数组，或直接使用[]操作符
  }
}

当用户点击“重置”按钮时，`resetAdvancedSearchParams`方法就会把`advancedSearchParams`数组设为空。

checkbox 重置为空

Checkbox 是一种用户界面元素，通常用于表示复选状态的选择。如果你想让一组 Checkbox 回到初始未选择（默认）状态，你可以通过编程的方式操作它们的 `checked` 属性。以下是几种常见的做法：

1. **HTML/CSS**:
如果所有 Checkbox 都在同一个表单内，可以使用 JavaScript 或 jQuery 来遍历它们并设置 `checked` 属性为 false，示例：

   document.querySelectorAll('input[type="checkbox"]').forEach(function(checkbox) {
       checkbox.checked = false;
   });

2. **React.js**:
使用 state 变更每个 Checkbox 的值，当需要重置时更新状态：

   function handleReset() {
     setCheckboxValues([...initialValues]); // initialValues 是初始未选中状态的数组
   }

3. **Vue.js**:
通过绑定 `v-model` 到数据数组，然后在方法里清空数组：

   <template>
     <div v-for="(checkboxValue, index) in checkboxValues" :key="index">
       <input type="checkbox" :value="checkboxValue" v-model="checkboxValues[index]">
     </div>
   </template>

   methods: {
     resetCheckboxes() {
       this.checkboxValues = [];
     }
   }