JavaScript 고유 배열

1. JavaScript에서Set()함수를 사용하여 배열에서 고유 한 값 가져 오기
2. JavaScript에서indexOf()함수를 사용하여 배열에서 고유 값 가져 오기
3. JavaScript에서filter()함수를 사용하여 배열에서 고유 값 가져 오기

이 자습서에서는 JavaScript에서Set(),indexOf()및filter()함수를 사용하여 배열에서 고유 한 값을 가져 오는 방법에 대해 설명합니다.

JavaScript에서Set()함수를 사용하여 배열에서 고유 한 값 가져 오기

배열에서 고유 한 값을 얻으려면 기존 배열에서 고유 한 값으로 새 배열을 만드는Set()함수를 사용할 수 있습니다. 예를 들어, 중복 된 값이있는 배열을 만들고Set()함수를 사용하여 고유 한 값을 가진 새 배열을 만들고 JavaScript의console.log()함수를 사용하여 콘솔에 결과를 표시해 보겠습니다. 아래 코드를 참조하십시오.

var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = [...new Set(myArray)]
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

출력:

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

출력에서 새 배열은 중복 값을 포함하지 않습니다.

JavaScript에서indexOf()함수를 사용하여 배열에서 고유 값 가져 오기

배열에서 고유 한 값을 얻으려면indexOf()함수와 루프를 사용하여 고유 한 함수를 만들 수 있습니다.이 함수는 기존 배열의 고유 한 값으로 새 배열을 만듭니다. 배열을 사용하여 요소를 새 배열로 이동하고indexOf()함수를 사용하여 요소가 이미 새 배열에 있는지 여부를 확인합니다.

요소가 새 배열에 없으면 새 배열로 이동됩니다. 그렇지 않으면 그대로 유지됩니다. 예를 들어, 중복 값이있는 배열을 만든 다음 함수를 사용하여 고유 한 값을 가진 새 배열을 만들고 JavaScript의console.log()함수를 사용하여 콘솔에 결과를 표시합니다. 아래 코드를 참조하십시오.

function uArray(array) {
  var out = [];
  for (var i = 0, len = array.length; i < len; i++)
    if (out.indexOf(array[i]) === -1) out.push(array[i]);
  return out;
}
var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = uArray(myArray);
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

출력:

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

여기에서 새 배열에는 중복 값이 ​​없습니다.

JavaScript에서filter()함수를 사용하여 배열에서 고유 값 가져 오기

배열에서 고유 한 값을 얻으려면 특정 조건에 따라 기존 배열의 값을 필터링하여 새 배열을 만드는filter()함수를 사용할 수 있습니다. filter()함수는 원래 배열에있는 각 값을 확인합니다. 값이 중복 된 경우 함수는이를 제거합니다. 그렇지 않으면 값이 새 배열에 추가됩니다.

예를 들어, 중복 값이있는 배열을 만들고filter()함수를 사용하여 고유 한 값으로 새 배열을 만들고 JavaScript의console.log()함수를 사용하여 결과를 콘솔에 표시해 보겠습니다. 아래 코드를 참조하십시오.

var myArray = ['c', 'b', 'c', 2, 'b'];
var uniqueArray = myArray.filter((val, ind, arr) => arr.indexOf(val) === ind);
console.log('Original Array = ', myArray);
console.log('Array with unique values = ', uniqueArray);

출력:

Original Array =  (5) ["c", "b", "c", 2, "b"]
Array with unique values =  (3) ["c", "b", 2]

여기에서 볼 수 있듯이 새 배열에는 중복 값이 ​​포함되어 있지 않습니다.