[LG유레카] JavaScript - 배열과 문자
배열
-
배열이란?
하나의 변수에 여러 값을 저장할 수 있는 데이터 구조이다.
-
스칼라변수(scalar)와 오브젝트 변수의 차이
스칼라변수의 경우
-
배열 만들기
생성자를 이용한 방법 : new Array()
심볼을 이용한 방법(리터럴 literal): []
const subject = new Array('HTML', 'CSS', 'javascript');
const subject = ['HTML', 'CSS', 'javascript'];
배열에 접근하기
-
값은 인덱스로 식별 ➡️ 0부터 시작 하는 정수
-
key-value
배열이름[인덱스]
배열 원소의 데이터 타입
배열 값으로 여러 데이터타입을 가질 수 있음
변수와 함수의 외형상 구별점은 괄호의 유무
연관배열은 문자열 인덱스로 값 식별하는 상태
배열의 속성과 메서드
-
객체(Object) ➡️ 속성(attributes) + 메서드(methods)
-
속성 사용 예
배열.length
-
메서드 사용 예
배열.toString()
-
배열의 연산
-
배열의 연산
-
내장 함수(bulit - in functions)
- push(), pop(): 원소의 추가/ 제거
- splice(), slice(): 원소의 변경/ 추출
- concat(): 여러 배열 합치기
- sort(), reverse(): 원소의, 정렬
- forEach(), map(): 배열의 각 요소를 순회하거나 조작
- filter(), reduce(): 원소를 조건에 맞게 필터링하거나 누적값을 계산하는 등의 작업
- 구조 분해 할당(Destructuring Assignment)
-
push(), pop()
- push() : 기본 배열에 새로원 원소(또는 아이템)을 끝에 추가
- pop(): 배열의 마지막 원소(아이템) 제거
splice(), slice()
-
splice(): 기존 요소를 삭제, 교체 또는 추가하는 메서드
-
slice(): 시작부터 마지막(마지막은 불포함) 요소를 복사하여 새로운 배열 반환. 원본 배열은 변경되지 않음
array.splice(start, deleteCount, item1, item2,...);
concat()
여러 개의 배열을 하나의 배열로 연결하는 메서드
array.concat(array1, array2, ... , arrayN);
sort(), reverse()
- sort(): 오름차순으로 배열의 원소를 정렬
- reverse(): 배열 원소의 순서를 거꾸로 정렬
forEach(), map()
-
forEach(): 배열의 요소를 각각 한 번씩 순회하는 메서드
array.forEach(function(item, index, array){});
-
map(): 배열의 요소를 각각 한 번씩 순회하면서 실행하는 연산의 결과로 새로운 배열을 생성하는 메서드
array.map(function(item, index, array){};)
filter(), reduce()
- filter(): 배열의 요소를 한 번씩 순회하면서 특정 조건을 통과하는 원소로만 구성된 새로운 배열을 생성하는 메서드
- reduce(): 배열의 요소를 각각 한 번씩 순회하면서 실행하는 연산의 결과를 반환하는 메서드
- 해단 순회 차에 대한 소계로서 total 변수가 있음
- 초기값이 있어 다른 연산의 결과를 기초로 계속 연산할 수 있음
댓글남기기