JQuery 值到数组 - JavaScript

在使用 JavaScript 和 JQuery 时，将值转换为数组很常见。本文将介绍如何使用 JQuery 将值转换为数组，并提供代码片段作为参考。

将 JQuery 值转换为数组

使用 JQuery，我们可以将选定元素的值转换为数组。以下是一个示例代码片段，将所有复选框的值转换为数组：

var values = $('input[type=checkbox]:checked').map(function() {
  return $(this).val();
}).get();

console.log(values);

通过选择所有选中的复选框，我们使用 map() 方法将每个选中的复选框的值存储在数组中。最后，使用 get() 方法将数组返回。

将具有相同名称的 JQuery 值转换为数组

在某些情况下，我们可能需要将具有相同名称的元素的值转换为数组。以下是一个示例代码片段，将所有名称为 fruit[] 的复选框的值转换为数组：

<form>
  <input type="checkbox" name="fruit[]" value="apple">
  <input type="checkbox" name="fruit[]" value="orange">
  <input type="checkbox" name="fruit[]" value="banana">
  <input type="checkbox" name="notFruit" value="book">
</form>

var values = $('input[name="fruit[]"]:checked').map(function() {
  return $(this).val();
}).get();

console.log(values);

在这个例子中，我们选择所有名称为 fruit[] 的复选框，并按照之前的方法将它们的值存储在数组中。

结论

我们可以使用 JQuery 轻松地将选定元素的值转换为数组。无论是选择所有选中的复选框，还是选择具有相同名称的元素，都采取相似的方法。现在，我们可以在编写 JavaScript 和 JQuery 代码时更有效地处理数据。