Удалить дублирующийся элемент из массива Javascript
Я ищу простой способ удаления повторяющегося значения из массива. Я выяснил, как определить, есть ли дубликат или нет, просто я не знаю, как "оттолкнуть" его от значения. Например, если вы перейдете к предоставленной ссылке и затем введите "abca" (нажмите клавишу возврата/ввода после каждой буквы).. он будет предупреждать "дублировать!"
Но я также хочу выяснить, как удалить этот дубликат из текстового поля?
http://jsfiddle.net/P3gpp/
Это часть, которая, кажется, не работает::
sort = sort.push(i);
textVal = sort;
return textVal;
Ответы
Ответ 1
Зачем это сложно, это можно сделать с помощью функции javascript filter, которая специально предназначена для таких операций:
var arr = ["apple", "bannana", "orange", "apple", "orange"];
arr = arr.filter( function( item, index, inputArray ) {
return inputArray.indexOf(item) == index;
});
---------------------
Output: ["apple", "bannana", "orange"]
Ответ 2
Это функции, которые я создал/использовал для удаления дубликатов:
var removeDuplicatesInPlace = function (arr) {
var i, j, cur, found;
for (i = arr.length - 1; i >= 0; i--) {
cur = arr[i];
found = false;
for (j = i - 1; !found && j >= 0; j--) {
if (cur === arr[j]) {
if (i !== j) {
arr.splice(i, 1);
}
found = true;
}
}
}
return arr;
};
var removeDuplicatesGetCopy = function (arr) {
var ret, len, i, j, cur, found;
ret = [];
len = arr.length;
for (i = 0; i < len; i++) {
cur = arr[i];
found = false;
for (j = 0; !found && (j < len); j++) {
if (cur === arr[j]) {
if (i === j) {
ret.push(cur);
}
found = true;
}
}
}
return ret;
};
Итак, используя первый, так выглядел бы ваш код:
function cleanUp() {
var text = document.getElementById("fld"),
textVal = text.value,
array;
textVal = textVal.replace(/\r/g, " ");
array = textVal.split(/\n/g);
text.value = removeDuplicatesInPlace(array).join("\n");
}
DEMO: http://jsfiddle.net/VrcN6/1/
Ответ 3
На основе решения пользователя2668376 это вернет новый массив без дубликатов.
Array.prototype.removeDuplicates = function () {
return this.filter(function (item, index, self) {
return self.indexOf(item) == index;
});
};
После этого вы можете:
[1, 3, 3, 7].removeDuplicates();
Результат будет; [1, 3, 7]
.
Ответ 4
Вы можете использовать Array.reduce()
, чтобы удалить дубликаты. Вам нужен вспомогательный объект, чтобы отслеживать, сколько раз элемент был замечен.
function cleanUp()
{
var textBox = document.getElementById("fld"),
array = textBox.value.split(/\r?\n/g),
o = {},
output;
output = array.reduce(function(prev, current) {
var key = '$' + current;
// have we seen this value before?
if (o[key] === void 0) {
prev.push(current);
o[key] = true;
}
return prev;
}, []);
// write back the result
textBox.value = output.join("\n");
}
Вывод шага reduce()
можно использовать непосредственно для повторного заполнения текстовой области, не затрагивая первоначальный порядок сортировки.
Демо
Ответ 5
Вы можете сделать это легко с помощью всего лишь объекта:
function removeDuplicates(text) {
var seen = {};
var result = '';
for (var i = 0; i < text.length; i++) {
var char = text.charAt(i);
if (char in seen) {
continue;
} else {
seen[char] = true;
result += char;
}
}
return result;
}
function cleanUp() {
var elem = document.getElementById("fld");
elem.value = removeDuplicates(elem.value);
}
Ответ 6
arr3 = [1, 2, 3, 2, 4, 5];
unique = [];
function findUnique(val)
{
status = '0';
unique.forEach(function(itm){
if(itm==val)
{
status=1;
}
})
return status;
}
arr3.forEach(function(itm){
rtn = findUnique(itm);
if(rtn==0)
unique.push(itm);
});
console.log(unique); // [1, 2, 3, 4, 5]