JavaScript의 어레이 치트시트🚀

모든 프로그래밍 언어에서 요소 또는 항목 모음이 있는 경우 이를 배열로 정의합니다. 그들은 문자열, 숫자, 객체와 같은 데이터를 요소의 모음으로 저장할 수 있으며 우리는 언제 어디서나 원하는 방식으로 검색할 수 있습니다.
JavaScript에서 배열을 사용하여 무엇을 할 수 있는지에 대해 논의하겠습니다. 먼저 JavaScript에서 배열을 만들어 봅시다.
JavaScript에서 배열을 만드는 방법에는 여러 가지가 있습니다.

1. 기본 방법

`const animals = ['🙈','🙉','🙊','🐵']`

2. 배열 생성자

`const food = new Array('🍇','🍈','🍉','🍊','🍌')`

3. 빈 어레이

`const emptyArray = []`

이제 JavaScript에서 배열을 만드는 방법을 알고 이제 Array의 몇 가지 메서드를 살펴보겠습니다.

1. indexOf() - 항목의 색인을 찾을 수 있습니다.

`const animals = ['🐶','🐱','🦁','🐷']
animals.indexOf('🦁')     //2 `

2. join() - 배열 항목에서 문자열을 만들고 항목 사이에 'and','or'와 같은 단어를 추가할 수도 있습니다.

`const animals = ['🐶','🐱','🦁','🐷']
animals.join('loves')   // '🐶 loves 🐱 loves 🦁 loves 🐷' `

3. 슬라이스() - 주어진 인덱스에서 배열을 분할합니다.

`const animals = ['🐶','🐱','🦁','🐷']
animals.slice(1);    //['🐱','🦁','🐷']
animals.slice(1,2);   //[ '🐱' ]
console.log(animals)  //[ '🐶', '🐱', '🦁', '🐷' ] `

4. splice() - 슬라이스와 동일하며 새 항목을 삽입할 수도 있습니다.

`const animals = ['🐶','🐱','🦁','🐷']
animals.splice(1,2, '🍊') )   //[ '🐱', '🦁' ]
console.log(animals)  //[ '🐶', '🍊', '🐷' ]`

_보시는 바와 같이 슬라이스와 스플라이스는 비슷해 보이지만 슬라이스는 원래 배열을 덮어쓰거나 변경하지 않지만 스플라이스는 수행합니다. _

5. forEach() - 배열을 반복하고 각 항목에 액세스

`const animals = ['🐶','🐱','🦁','🐷']
animals.forEach(pet => console.log(pet))`

6. Map() - 배열을 반복하고 각 항목에 액세스하고 원래 배열을 변경하지 않고 값을 반환합니다.

`const animals = ['🐶','🐱','🦁','🐷']
animals.map(pet => console.log(`${pet} is cute`))`

언뜻 보기에 forEach와 map 메서드는 동일하지만 map 메서드에서 볼 수 있듯이 배열을 변경하는 대신 새 배열을 만들고 map을 사용하여 무언가를 반환할 수 있습니다.

7. flat()- 배열을 단일 차원으로 평면화합니다.

`const animals = ['🐶','🐱','🦁', ['🙊','🙉'],'🐷']`

보시다시피 배열 아래에 배열이 있으므로 단일 차원 배열을 얻는 방법은 무엇입니까?

`console.log(animals.flat()) //['🐶','🐱','🦁','🙊','🙉','🐷']`

8. filter() - 필터를 기반으로 새 배열을 만듭니다.

`const animals = ['🐶','🐱','🦁','🐶']
const dog = animals.filter(dog => dog === '🐶') 
console.log(dog)`

9. reduce() - 각 항목에 대해 콜백을 실행하고 배열을 단일 값으로 줄입니다.

`const numbers = [1,6,7,1,3,4]
const total = numbers.reduce((total,currentval) => total + currentval);   //22 `

좋아, 여기서 일어나는 일은 우리가 currentval인 모든 숫자를 하나씩 취하여 합계에 추가하는 것입니다.

10. findIndex() - 조건에 따라 항목의 인덱스를 찾습니다.

`const animals = ['🐶','🐱','🦁','🙉']
const lionIndex = animals.findIndex(lion => lion === '🦁')
console.log(lionIndex)   //2`

결론

그래서 그들은 내 코드에서 가장 많이 사용되는 배열 방법이며 당신이 그것들이 유용하다는 것을 알기를 바랍니다. 우리는 모두 배우고 있습니다. 여기서 많은 방법을 놓쳤지만 조사하는 것은 프로세스의 일부입니다 🧑‍💻🧑‍💻