JavaScript의 배열 대 집합

Array와 Set은 모두 기본 데이터 구조입니다. 그러나 그들은 서로 매우 다릅니다. 따라서 이 기사에서는 그것들을 탐색하고 차이점을 찾아보겠습니다.

정의

정렬

In JavaScript, array is a single variable that is used to store different elements. Array elements are indexed and ordered.

세트

A JavaScript Set is a collection of unique values. Sets are unordered and not indexed

기본 구문

정렬

JavaScript에서 배열을 만들려면 간단히 한 쌍의 대괄호를 사용합니다.

const myArray = []

기본값으로 배열을 초기화할 수도 있습니다.

const myArray = [1, 2, 3]

세트

세트를 생성하기 위해 Set 클래스를 사용합니다.

const mySet = new Set()

기본값으로 Set을 초기화하려면 다음을 수행하십시오.

const mySet = new Set([1, 2, 3])

항목 추가

정렬

배열에 항목을 추가하려면 푸시 방법을 사용합니다.

const myArray = []
myArray.push(5)
myArray.push("hello")

console.log(myArray)
// Output: [ 5, 'hello' ]

세트

JS 세트에 항목을 추가하려면 add 메소드를 사용합니다.

const mySet = new Set()
mySet.add(5)
mySet.add("hello")

console.log(mySet)
// Output: Set { 5, 'hello' }

이제 set의 모든 값은 고유해야 하므로 동일한 항목을 두 번 이상 추가하려고 하면 여전히 한 번만 나타납니다.

const mySet = new Set()
mySet.add(5)
mySet.add("hello")
mySet.add(5)

console.log(mySet)
// Output: Set { 5, 'hello' }

항목 액세스

정렬

js에서 배열은 인덱싱됩니다. 따라서 인덱스를 사용하여 해당 인덱스 요소를 가져올 수 있습니다. 추신. 색인은 JavaScript에서 0부터 시작합니다.

const myArray = ["hello", "there", 69, 420]
console.log(myArray[1])
// Output: "there"

세트

배열과 달리 세트는 순서가 없기 때문에 인덱스를 사용하여 요소를 가져올 수 없습니다. 그러나 필요할 때마다 집합을 배열로 변환할 수 있습니다.

const mySet= new Set(["hello", "there", 69, 420])
const myArray = [...mySet] // Converting set to array

console.log(myArray[1])
// Output: "there"

항목 삭제

정렬

배열에서 요소를 제거하기 위해 splice 함수를 사용합니다.

const myArray = ["hello", "there", 69, 420]
// Syntax: array.splice(startingIndex, number of elements to delete)
myArray.splice(1, 1)

console.log(myArray)
// Output: [ 'hello', 69, 420 ]

세트

세트에서 항목을 삭제하려면 delete 메소드를 사용합니다.

const mySet= new Set(["hello", "there", 69, 420])
mySet.delete("there")

console.log(mySet)
// Output: Set { 'hello', 69, 420 }

요소가 존재하는지 확인

정렬

indexOf 함수를 사용하여 배열에 항목이 있는지 확인할 수 있습니다. 항목이 존재하지 않으면 indexOf 함수는 -1을 반환합니다.

const myArray = ["hello", "there", 69, 420]

console.log(myArray.indexOf("there") > -1)
// Output: true

세트

세트에 무언가 존재하는지 확인하기 위해 has 메소드를 사용할 수 있습니다.

const mySet= new Set(["hello", "there", 69, 420])

console.log(mySet.has("there"))
// Output: true

사이즈 확인

정렬

어레이가 사용하는 항목 수를 확인하려면 간단히 해당 길이에 액세스할 수 있습니다.

const myArray = ["hello", "there", 69, 420]

console.log(myArray.length)
// Output: 4

세트

size 속성에 액세스하여 집합의 크기를 얻을 수 있습니다.

const mySet= new Set(["hello", "there", 69, 420])

console.log(mySet.size)
// Output: 4

목록 비우기

정렬

배열을 비우려면 간단히 배열을 []로 설정할 수 있습니다.

// We are using let here Because we will reassign it to []
let myArray = ["hello", "there", 69, 420]
myArray = []

console.log(myArray)
// Output: []

세트

명확한 방법을 사용하여 세트를 비울 수 있습니다.

const mySet= new Set(["hello", "there", 69, 420])
mySet.clear()

console.log(mySet)
// Output: Set {}

항목 반복

정렬

JS에서 배열의 항목을 반복하려면 map, reduce, forEach 등과 같은 고차 함수를 사용하거나 간단히 for of 루프를 사용할 수 있습니다.

const myArray = [1, 2, 35, 4, 5]

for(let item of myArray){
  console.log(item)
}
/* Output:
1
2
35
4
5
*/

세트

배열과 마찬가지로 for of 루프를 사용하여 세트를 반복할 수도 있습니다.

const mySet = new Set([1, 2, 35, 4, 5])

for(let item of mySet){
  console.log(item)
}
/* Output:
1
2
35
4
5
*/

이제 Javascript의 배열 및 집합의 기본 사항을 알게 되었습니다.
내 다른 기사를 확인하고


.ltag__user__id__728097 .follow-action-button {
배경색: #000000 !중요;
색상: #ffffff !중요;
테두리 색상: #000000 !중요;
}

슈보 팔로우

Frontend Developer and YouTuber. Channel link: https://www.youtube.com/c/AngleBrace

도움이 되었나요? Patreon에서 저를 지원해주세요