자바스크립트 배열 다루기
배열의 선언과 초기화 다양한 방법으로 배열을 선언하고 초기화하기 |
자바스크립트에서 배열의 선언과 초기화는 배열을 생성하고, 그 배열에 초깃값을 할당하는 것을 의미합니다. 다양한 방법으로 배열을 선언하고 초기화할 수 있습니다. |
---|---|
length 배열의 길이 반환 |
배열에서 length 속성은 배열에 포함된 요소(혹은 원소)의 개수를 숫자로 반환합니다. 빈 배열은 length가 0입니다. 배열에서 length 속성을 사용할 때 참고해야 하는 사용법에 대해서 다룹니다. |
isArray() 변수의 배열 타입 확인 |
자바스크립트에서 배열인지 확인하려면 Array.isArray() 메서드를 사용할 수 있습니다. 이 함수는 전달된 값이 배열인지 여부를 부울(Boolean) 형태로 반환합니다. |
forEach() 배열의 각 요소를 순회해서 콜백 함수로 처리 |
자바스크립트의 forEach() 함수는 배열을 순회해서 각 요소를 콜백 함수로 처리하기 위한 함수입니다. 배열의 각 요소에 대해 주어진 콜백 함수를 적용해서 순서대로 한 번씩 실행합니다. |
map() 배열을 순회해서 처리한 새로운 배열을 반환 |
배열에서 map() 함수는 배열의 각 요소를 순회하여 콜백 함수를 적용한 결과를 모아 새로운 배열을 반환하는 함수입니다. 원본 배열은 변경하지 않으면서 해당 배열 요소에 대한 규칙적인 새로운 배열 요소을 생성할 때 사용합니다. |
filter() 배열 값을 필터링한 배열로 생성 |
filter() 함수는 배열의 요소를 순회하면서 콜백 함수를 사용하여 원하는 조건에 따라 필터링하고 필터링된 배열을 반환하는 함수입니다. 이 함수는 요소 중복 제거나 다중 조건, 2차원 배열 필터링과 같은 다양한 사용 사례에 활용할 수 있습니다. |
map()과 filter()의 차이점 요소를 순회하는 목적과 처리하는 방법 |
자바스크립트 배열에서 map()과 filter() 함수는 모두 배열의 요소를 순회하고 새로운 배열을 반환하지만, 요소를 순회하는 목적과 처리하는 방법이 다릅니다. |
join() 배열을 문자열로 변환 |
join() 함수는 자바스크립트에서 배열의 각 요소를 지정된 구분자로 연결(join)하여 하나의 문자열로 반환하는 함수입니다. 이 함수는 배열을 문자열로 변환하는 간편하고 유용한 방법을 제공합니다. |
sort() 배열 요소를 원하는 정렬 순서로 변경 |
자바스크립트 배열 sort() 함수는 배열 요소를 원하는 정렬 순서로 변경(sort)하는 함수입니다. 이 함수는 기본적으로 문자열의 유니코드 코드 포인트를 기준으로 오름차순으로 정렬하지만, 숫자 등 다른 데이터 타입을 정렬하려면 콜백 함수를 사용해서 원하는 정렬 순서로 변경할 수 있습니다. |
reverse() 배열 요소 역순 정렬 |
자바스크립트 배열 reverse() 함수는 배열의 요소 순서를 역순(reverse)으로 정렬합니다. 즉, 첫 번째 요소는 마지막 요소가 되고 마지막 요소는 첫 번째 요소가 됩니다. reverse() 함수는 원본 배열을 직접 수정하며, 새로운 배열을 반환하지 않습니다. |
includes() 배열에 특정 요소 포함 여부 확인 |
자바스크립트 배열 includes() 함수는 배열에 특정 요소가 포함하는지 확인하는 함수입니다. 배열에서 주어진 요소가 포함되어 있으면 true를 그렇지 않으면 false를 반환합니다. |
indexOf() 배열에서 요소의 위치 찾기 |
자바스크립트 배열 indexOf() 함수는 배열과 관련된 프로토타입 메서드(Array 인스턴스)로, 배열에서 인수로 전달된 요소를 찾아 첫 번째로 검색된(등장한) 요소의 인덱스를 반환합니다. 인수로 전달된 요소를 찾을 수 없다면 -1을 반환합니다. indexOf() 함수는 배열에서 요소의 위치를 찾거나, 존재하는지 확인할 때 유용한 함수입니다. |
findIndex() 배열에서 콜백 함수로 특정 요소의 인덱스 찾기 |
findIndex() 함수는 배열에서 특정 조건을 만족하는 요소를 찾아 첫 번째 요소의 인덱스를 반환하는 함수입니다. 배열의 각 요소에 대해 콜백 함수를 사용하여 원하는 조건의 요소를 찾습니다. 이 함수는 배열에서 특정 요소의 인덱스를 찾는 데 유용합니다. |
find() 배열에서 콜백 함수로 특정 요소 찾기 |
find() 함수는 배열에서 특정 조건을 만족하는 요소를 찾아 첫 번째 요소를 반환하는 함수입니다. 배열의 각 요소에 대해 콜백 함수를 사용하여 원하는 조건의 요소를 찾습니다. 이 함수는 배열에서 특정 요소를 찾는 데 유용합니다. |
some() 배열의 특정 조건을 만족하는 요소가 있는지 확인 |
배열의 some() 함수는 배열의 특정 조건을 만족하는 요소가 있는지 확인합니다. 하나의 요소라도 조건을 만족하면 true를 반환하고 그렇지 않으면 false를 반환합니다. |
every() 배열의 모든 요소가 특정 조건을 만족하는지 확인 |
배열의 every() 함수는 배열의 모든 요소가 특정 조건을 만족하는지 확인합니다. 모든 요소가 조건을 만족하면 true를 반환하고, 하나라도 조건을 만족하지 않으면 false를 반환합니다. |
reduce() 콜백 함수로 배열을 하나의 결과 값으로 생성 |
reduce() 함수는 배열의 모든 요소에 콜백 함수를 적용하여 하나의 결과 값을 생성하는 함수입니다. 배열의 요소들을 하나로 줄여(reduce) 집계한 값을 반환합니다. |
slice() 배열의 특정 범위 요소 잘라서 가져오기 |
자바스크립트 배열 slice() 함수는 배열의 특정 범위의 요소를 잘라내어(slice) 추출한 결과를 새로운 배열로 반환하는 함수입니다. 이 함수를 사용하여 배열의 원하는 범위의 요소를 잘라서 추출할 수 있습니다. |
unshift() 배열 시작 부분에 요소 추가 |
unshift() 함수는 배열의 시작 부분에(unshift, 위치 변경 없이 앞에서) 하나 이상의 요소를 추가하는 데 사용됩니다. unshift() 함수의 사용 방법과 활용 예제에 대해 알아보겠습니다. 그리고, unshift() 함수를 사용한 배열 요소의 역순 배열에 대해서도 알아봅니다. |
shift() 배열의 첫 번째 요소 제거 |
shift() 함수는 배열의 시작 부분에서(shift, 앞 부분으로 빼내듯이 이동시켜) 첫 번째 요소를 제거하고 제거한 요소의 값을 반환합니다. shift() 함수의 사용 방법과 사용 예제, 주의할 점과 여러 상황에 대해 알아봅니다. |
push() 배열 끝에 요소 추가 |
push() 함수는 배열의 끝(마지막)에 하나 이상의 요소를 추가(push, 뒤에서 밀어 넣기)하는 데 사용됩니다. push() 함수의 사용 방법과 사용 예제에 대해 알아봅니다. 그리고, push() 함수로 객체(object)를 추가하는 예제에 대해서도 살펴봅니다. |
pop() 배열의 마지막 요소 제거 |
pop() 함수는 배열의 맨 마지막 끝의 요소를 제거(pop, 맨 아래의 것을 위로 쏙 빼내는)하고 제거한 요소를 반환합니다. pop() 함수의 사용 방법과 사용 예제, 주의할 점과 여러 상황에 대해 알아봅니다. |
concat() 배열끼리 합치기 |
concat() 함수는 두 개 이상의 배열을 순서대로 하나씩 연결(concatenate, 연결시키다)하여 새로운 배열을 반환하는 함수입니다. concat() 함수의 기본 사용법을 살펴보고, 중복 요소를 제거하는 방법 등에 대해 살펴봅니다. |