[javascript] 문자열, 배열 중복 제거 (Set, filter)

new Set([iterable]);

삽입 순서대로 요소 순회, Set에는 중복된 값이 들어올 수 없다.

const setTest = new Set();

setTest.add(1);	// {1}
setTest.add(2);	// {1, 2}
// 1을 add해도 set에 1이 있어서 무시됨
setTest.add(1);	// {1, 2}

 

arr.filter(callback(element[, index[, array]])[, thisArg])

callback : 요소를 걸러주는 함수, 조건에 맞지 않으면 삭제

element : 처리할 현재 요소

index(option) : 처리할 현재 요소의 인덱스

const filterArr = [1, 2, 3, 4, 5];

filterArr.filter(function(v){
	return v > 3;	// [4, 5]
});

// 화살표 함수
filterArr.filter(v => v > 3);	// [4, 5]

 

문자열, 배열 중복 제거하기

/* 문자열 중복 제거 : [...new Set(str)].join('') */
const str = 'abcaabbd';

// new Set으로 중복 제거
new Set(str);			// {"a", "b", "c", "z"}
[...new Set(str)];		//  ["a", "b", "c", "z"]
[...new Set(str)].join('');	// "abcz"
// 기존 str이 영향받지 않는다.
console.log(str);		// "abcaabbd"


/* 배열 중복 제거 : 1. [...new Set(arr)], 2. Array.prototype.filter() */
const arr = ['a', 'b', 'c', 'a', 'a', 'b', 'b', 'd'];

// 1. [...new Set(arr)]
[...new Set(arr)]	// ["a", "b", "c", "d"]
// 기존 arr가 영향받지 않는다.
console.log(arr);	// ["a", "b", "c", "a", "a", "b", "b", "d"]

// 2. Array.prototype.filter()
// indexOf는 처음으로 발견한 a의 index 위치만 반환하기 때문에,
// 그 다음에 a를 순회할때는 indexOf(v)와 i가 맞지 않는다.
arr.filter((v, i) => arr.indexOf(v) === i); // ["a", "b", "c", "d"]
// 기존 arr가 영향받지 않는다.
console.log(arr);	// ["a", "b", "c", "a", "a", "b", "b", "d"]