要將數(shù)組中重復(fù)的值剔除,常規(guī)解法使用 ES5 中數(shù)組的一些 API 即可,而更簡(jiǎn)便的方法可以結(jié)合使用 ES6 中的擴(kuò)展運(yùn)算符和 Set 數(shù)據(jù)結(jié)構(gòu)。
下面給出 4 種解法:
- 方法一,使用 splice 方法刪除重復(fù)的元素
function normalize (arr) {
if (arr && Array.isArray(arr)) {
var len = arr.length,
map = {};
for (var i = len - 1; i >= 0; i--) {
if (arr[i] in map) {
arr.splice(i, 1);
} else {
map[arr[i]] = true;
}
}
return arr;
}
}
- 方法二,借用 indexOf 方法識(shí)別重復(fù)的元素
function normalize (arr) {
if (arr && Array.isArray(arr)) {
var len = arr.length,
res = [];
for (var i = 0; i < len; i++) {
if (res.indexOf(arr[i]) == -1) {
res.push(arr[i]);
}
}
return res;
}
}
- 方法三,巧用擴(kuò)展運(yùn)算符和 Set 數(shù)據(jù)結(jié)構(gòu)
function normalize (arr) {
if (arr && Array.isArray(arr)) {
var res = [...new Set(arr)];
return res;
}
}
- 方法四,使用 ES6 中新的 API —
Array.from()來實(shí)現(xiàn)方法三中擴(kuò)展運(yùn)算符的功能
function normalize (arr) {
if (arr && Array.isArray(arr)) {
var res = Array.from(new Set(arr));
return res;
}
}
用于測(cè)試的代碼如下:
/* 測(cè)試代碼 */
var arr = [7, 1, 'hi', 1, 'hi', true, null, undefined, true, null, undefined];
console.log('數(shù)組去重后', normalize(arr));