使用 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
  })
});

以上是使用 JavaScript 去重 PHP 陣列並傳回新數組的詳細內容。更多資訊請關注PHP中文網其他相關文章！