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