-
05 Array 객체JavaScript/기초편 2023. 8. 24. 20:59반응형
Array 객체
1) Array 객체로 배열 만들기
JS에는 배열을 쉽게 만들고 다룰 수 있는 Array객체가 내장되어 있습니다
[Array 객체 인스턴스 만들기 - 초기값이 없는 경우]
[Array 객체 인스턴스 만들기 - 초기값이 있는 경우]
2) Array 객체의 메서드
종류 설명 concat 기존 배열에 요소를 추가해 새로운 배열을 만든다 every 배열 모든 요소가 주어진 함수에 대해 참이면 true를 반환하고 그렇지 않으면 false를 반환한다 filter 배열 요소 중에서 주어진 필터링 함수에 대해 true인 요소만 골라 새로운 배열을 만든다 forEach 배열의 모든 요소에 대해 주어진 함수를 실행한다 indexOf 주어진 값과 일치하는 값이 있는 배열 요소의 첫 인덱스를 찾는다 join 배열 요소를 문자열로 합칩니다. 이때 구분자를 지정할 수 있다 push 배열의 맨 끝에 새로운 요소를 추가한 후 새로운 length를 반환한다 unshift 배열의 시작 부분에 새로운 요소를 추가한다 pop 배열의 마지막 요소를 꺼내 그 값을 결과로 반환한다 shift 배열에서 첫 번째 요소를 꺼내 그 값을 결과로 반환한다 splice 배열에 요소를 추가하거나 삭제한다 slice 배열에서 특정한 부분만 잘라 낸다 reverse 배열의 배치 순서를 역순으로 바꾼다 sort 배열 요소를 지정한 조건에 따라 정렬한다 toString 배열에서 지정한 부분을 문자열로 반환한다. 이때 각 요소는 쉼표(,)로 구분한다 - 배열 끼리 합치는 concat( ) 메서드
- 배열 안의 요소끼리 합치는 join( ) 메서드
join( )은 구분자를(‘ / ’)를 넣을 수도 있는데, 따로 지정하지 않으면 쉼표( , )로 구분한다
- 새로운 요소를 추가하는 push( ), unshift( ) 메서드
• push( ) - 배열 맨 끝에 요소를 추가
• unshift( ) - 배열 맨 앞에 요소를 추가
※ push( )와unshift( )는 요소를 추가하게 되면 원래 있던 배열이 바뀐다
>> ret1, ret2에 저장하고 변수값을 출력하면 새로운 배열의 length가 나타난다
- 배열에 요소를 꺼내는 pop( ), shift( ) 메서드
• pop( ) - 뒤에 있는 요소를 꺼낼 때
• shift( ) - 앞에 있는 요소를 꺼낼 때
- 원하는 위치에 요소를 추가 • 삭제하는 splice( ) 메서드
①인수가 1개인 경우
②인수가 2개인 경우
③인수가 3개인 경우
- 기존의 배열을 바꾸지 않으면서 요소를 꺼내는 slice( ) 메서드
• slice( ) - pop( ),shift( )와 달리 실행 결과가 기존 배열에 영향을 주지 않는다
①인수가 1개인 경우
②인수가 2개인 경우
>> slice(2,4)라고 하면 인덱스값이 2부터 3까지 요소를 꺼낸다
반응형'JavaScript > 기초편' 카테고리의 다른 글
07 Math 객체 (0) 2023.08.26 06 Date 객체 (0) 2023.08.26 04 객체란? (0) 2023.08.24 03 함수와 이벤트 (0) 2023.08.23 02 JS 기본문법 (0) 2023.08.20