Day - Mozilla의 avaScript Foundations Professional 인증-JS 튜토리얼-php.cn

Day - Mozilla의 avaScript Foundations Professional 인증

WBOY

풀어 주다： 2024-08-29 13:02:09

원래의

812명이 탐색했습니다.

Day - avaScript Foundations Professional Certification by Mozilla

콘셉트 하이라이트:

for...of 및 for...in 루프
Set()과 Array, Map()과 Objects, Set() 및 지도()

1. for...of 및 for...in 루프 사용

루핑은 프로그래밍의 기본 개념으로, 코드 블록을 여러 번 실행할 수 있게 해줍니다. JavaScript에서 for...of 및 for...in은 일반적으로 사용되는 두 가지 루프이지만 서로 다른 용도로 사용됩니다. 차이점을 이해하면 보다 효율적이고 효과적인 코드를 작성하는 데 도움이 될 수 있습니다.

1.1 for...of 루프

for...of 루프는 배열, 문자열, 맵, 세트 등 반복 가능한 객체를 반복하는 데 사용됩니다. 인덱스에 대해 걱정할 필요 없이 시퀀스의 각 값에 액세스할 수 있는 간단한 방법을 제공합니다.

예)

으아아아

이 예에서 for...of는 팀 배열의 각 요소(팀)에 직접 액세스하고 이를 콘솔에 기록합니다. 이 루프는 인덱스가 아닌 값만 필요할 때 이상적입니다.

1-2. for...in 루프

반면에 for...in 루프는 객체의 속성(키)을 반복하는 데 사용됩니다. 객체와 함께 사용되는 경우가 많지만 배열과 함께 사용하여 인덱스에 액세스할 수도 있습니다.

예)

으아아아

이 예에서 for...in은 Mariners 객체의 키를 반복하여 키와 해당 값에 모두 액세스할 수 있도록 합니다. for...in은 숫자 인덱스뿐만 아니라 열거 가능한 모든 속성을 반복하므로 배열과 함께 신중하게 사용해야 한다는 점에 유의하는 것이 중요합니다.

1-3. 주요 차이점

2. Set()과 배열, Map()과 객체, Set()과 `Map()의 차이점

JavaScript는 각각 장단점이 있는 다양한 데이터 구조를 제공합니다. 가장 일반적으로 사용되는 몇 가지 항목의 차이점을 살펴보았습니다.

2-1. Set() 대 배열

예)

let mySet = new Set([1, 2, 3, 3, 4]);

myArray = [1, 2, 3, 3, 4]로 설정합니다.

console.log(mySet) // 출력: Set { 1, 2, 3, 4 }

console.log(myArray) // 출력: [1, 2, 3, 3, 4]

이 예에서 Set()은 자동으로 중복 항목

3을 제거하고 배열은 이를 유지합니다. Set()은 고유한 항목 컬렉션이 필요할 때 유용합니다.

2-2. Map() 대 객체

주요 유형:
- 객체: 키는 일반적으로 문자열이나 기호입니다.
주문:
- Map()은 삽입 순서를 유지합니다.
- 객체는 키 순서를 보장하지 않습니다.
크기:
- Map()에는 키-값 쌍의 수를 제공하는 size 속성이 있습니다.
- 객체는 키를 반복하여 크기를 수동으로 결정해야 합니다.

예)

let myMap = new Map();
myMap.set('이름', '존');
myMap.set(42, '답변');
myMap.set({}, '빈 객체');

myObject = {

이름: 'John',
42: '답',
{}: '빈 객체'
};

console.log(myMap.size); // 출력: 3

console.log(Object.keys(myObject).length); // 출력: 2(키 문자열 변환으로 인해)
`
이 예에서 Map()을 사용하면 다양한 키 유형을 사용할 수 있으며 객체 키는 문자열로 변환됩니다. 또한 Map()은 지도의 크기를 쉽게 제공하는 반면, 객체의 경우 수동으로 키를 계산해야 합니다.

2-3. Set() 대 Map()

목적:
- Set()은 고유한 값의 모음입니다.
- Map()은 키-값 쌍의 모음입니다.
사용 사례:
- 고유 항목 목록을 저장해야 하는 경우 Set()을 사용하세요.
- 값을 키와 연결해야 하는 경우 Map()을 사용하세요.

예)

`
mySet = new Set([1, 2 ,3]);
let myMap = new Map([['key1', 'value1'], ['key2', 'value2']]);

console.log(mySet.has(2)); // 출력: true
console.log(myMap.get('key1')); // 출력: '값'1
`
이 예에서 Set()은 값의 존재를 확인하는 데 사용되는 반면 Map()은 키와 연결된 값을 검색하는 데 사용됩니다.

위 내용은 Day - Mozilla의 avaScript Foundations Professional 인증의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!