使用 JavaScript 去重 PHP 数组并返回新数组

使用 JavaScript 去重 PHP 数组步骤如下：使用 Array.from() 将 PHP 数组转换为 JavaScript 数组。使用 Set 对象去重 JavaScript 数组，返回包含唯一元素的新集合。使用展开操作符 (...) 将去重后的集合转换为新的 JavaScript 数组。

使用 JavaScript 去重 PHP 数组并返回新数组

有时，我们可能需要处理包含重复值的 PHP 数组。在 JavaScript 中，我们可以使用 Array.from() 方法将其转换为 JavaScript 数组，并使用 Set 对象去重。该过程返回一个包含唯一元素的新数组。

语法：

// 使用 Array.from() 转换为 JavaScript 数组
const jsArray = Array.from(phpArray);

// 使用 Set 对象去重
const uniqueSet = new Set(jsArray);

// 转换为新的 JavaScript 数组
const uniqueArray = [...uniqueSet];

示例：

假设我们有一个 PHP 数组 $phpArray：

$phpArray = [1, 2, 3, 4, 5, 1, 2, 3];

使用 JavaScript 去重：

// 转换并去重
const uniqueArray = [...new Set(Array.from($phpArray))];

// 输出去重后的数组
console.log(uniqueArray); // [1, 2, 3, 4, 5]

实战案例：

假设我们有一个 HTML 表单，用户可以选择多个选项。我们想在提交表单时获取唯一的选择列表：

// 获取表单选项
const options = document.querySelectorAll('input[type="checkbox"]:checked');

// 提取值并转换为 JavaScript 数组
const optionValues = Array.from(options).map(option => option.value);

// 使用 JavaScript 去重
const uniqueValues = [...new Set(optionValues)];

// 发送去重后的值到服务器
fetch('submit.php', {
  method: 'POST',
  body: JSON.stringify({
    uniqueOptionValues: uniqueValues
  })
});