자바스크립트 배열 다루기

자바스크립트 배열 관련 함수
배열의 선언과 초기화
다양한 방법으로 배열을 선언하고 초기화하기
자바스크립트에서 배열의 선언과 초기화는 배열을 생성하고, 그 배열에 초깃값을 할당하는 것을 의미합니다. 다양한 방법으로 배열을 선언하고 초기화할 수 있습니다.
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() 함수는 배열에서 요소의 위치를 찾거나, 존재하는지 확인할 때 유용한 함수입니다.
findIndex()
배열에서 콜백 함수로 특정 요소의 인덱스 찾기
findIndex() 함수는 배열에서 특정 조건을 만족하는 요소를 찾아 첫 번째 요소의 인덱스를 반환하는 함수입니다. 배열의 각 요소에 대해 콜백 함수를 사용하여 원하는 조건의 요소를 찾습니다. 이 함수는 배열에서 특정 요소의 인덱스를 찾는 데 유용합니다.
find()
배열에서 콜백 함수로 특정 요소 찾기
find() 함수는 배열에서 특정 조건을 만족하는 요소를 찾아 첫 번째 요소를 반환하는 함수입니다. 배열의 각 요소에 대해 콜백 함수를 사용하여 원하는 조건의 요소를 찾습니다. 이 함수는 배열에서 특정 요소를 찾는 데 유용합니다.
some()
배열의 특정 조건을 만족하는 요소가 있는지 확인
배열의 some() 함수는 배열의 특정 조건을 만족하는 요소가 있는지 확인합니다. 하나의 요소라도 조건을 만족하면 true를 반환하고 그렇지 않으면 false를 반환합니다.
every()
배열의 모든 요소가 특정 조건을 만족하는지 확인
배열의 every() 함수는 배열의 모든 요소가 특정 조건을 만족하는지 확인합니다. 모든 요소가 조건을 만족하면 true를 반환하고, 하나라도 조건을 만족하지 않으면 false를 반환합니다.
reduce()
콜백 함수로 배열을 하나의 결과 값으로 생성
reduce() 함수는 배열의 모든 요소에 콜백 함수를 적용하여 하나의 결과 값을 생성하는 함수입니다. 배열의 요소들을 하나로 줄여(reduce) 집계한 값을 반환합니다.
slice()
배열의 특정 범위 요소 잘라서 가져오기
자바스크립트 배열 slice() 함수는 배열의 특정 범위의 요소를 잘라내어(slice) 추출한 결과를 새로운 배열로 반환하는 함수입니다. 이 함수를 사용하여 배열의 원하는 범위의 요소를 잘라서 추출할 수 있습니다.
unshift()
배열의 맨 앞에 새로운 요소를 추가
unshift() 함수는 배열의 맨 앞에 새로운 하나 이상의 요소를 추가하는데 사용됩니다. 이때 추가된 요소만큼 배열의 길이도 늘어납니다.
shift()
배열의 첫 번째 요소 제거
shift() 함수는 배열의 시작 부분에서(shift, 앞 부분으로 빼내듯이 이동시켜) 첫 번째 요소를 제거하고 제거한 요소의 값을 반환합니다. shift() 함수의 사용 방법과 사용 예제, 주의할 점과 여러 상황에 대해 알아봅니다.
push()
배열 끝에 요소 추가
push() 함수는 배열의 끝에 하나 이상의 요소를 추가(push, 뒤에서 밀어 넣기)하는 데 사용됩니다. 이때 추가된 요소만큼 배열의 길이도 늘어납니다.
pop()
배열의 마지막 요소 제거
pop() 함수는 배열의 맨 마지막 끝의 요소를 제거(pop, 맨 아래의 것을 위로 쏙 빼내는)하고 제거한 요소를 반환합니다. pop() 함수의 사용 방법과 사용 예제, 주의할 점과 여러 상황에 대해 알아봅니다.
concat()
배열끼리 합치기
concat() 함수는 두 개 이상의 배열을 순서대로 하나씩 연결(concatenate, 연결시키다)하여 새로운 배열을 반환하는 함수입니다. concat() 함수의 기본 사용법을 살펴보고, 중복 요소를 제거하는 방법 등에 대해 살펴봅니다.