Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- removeButton
- 고화질홈캠
- 시즌드라마
- 문제해결가이드
- miniproject
- 빌트인함수
- 홈캠 야간모드
- VanillaJS
- Challenge
- 중첩배열
- Array.filter
- 개발부트캠프
- 오즈코딩스쿨
- 실시간 모니터링
- 가성비홈캠
- 수료후기
- TroubleShooting Guide
- 함수를 반복적으로 호출하려면
- web
- 신생아수면홈캠
- fontend
- JSON.stingify
- 홈캠앱
- 초격자캠프
- JavaScript
- 댕냥이 cctv
- 홈캠 360
- 실손보험
- 견뎌야하나요
- preventDefault()
Archives
- Today
- Total
Nomard Life
[javascript] 배열 Array 본문
728x90
배열 만드는 두가지 방법
첫번째는 배열 리터럴로 생성할 수 있다.
이경우 쉼표로 구분한 값들을 대괄호로 묶어서 표현한다.
const numbers = [] // 배열 리터럴로 생성
두번째 방법은 Array 생성자로 생성하기
배열을 만드는데 사용하는 기본 내장 생성자가 존재한다.
const arr = new Array() // Array 생성자로 생성
배열의 특징
- 배열에 포함된 값 하나하나를 `배열요소(item)` 라고 한다.
- 각 배열 요소는 왼쪽부터 순서(번호)가 매겨진다. 이를 `인텍스 번호`라 한다.
- 인덱스번호는 0부터 시작한다.
- 배열 요소 수는 원하는 개수만큼 포함시킬 수 있으며, 0개일 수도 있다.
- 다양한 유형의 데이터를 포함할 수 있다. 숫자, 문자열, 객체 등...
인덱스 번호
대괄호([]) 연산자를 이용해서 특정 인덱스 번호의 배열 요소를 참조할 수 있다. 참조할 수 있다는 것은 곧 읽거나 쓸 수 있다는 것을 의미한다.
const ohMyGirl = ["효정", "미미", "유아", "승희", "지호", "비니", "아린"];
console.log(ohMyGirl[0]) // 효정
console.log(ohMyGirl[2]) // 유아
console.log(ohMyGirl[5]) // 비니
console.log(ohMyGirl[9]) // undefined!
ohMyGirl[0] = "갓효정" // 원래 효정이었지만, 갓효정으로 변경
배열 메소드
배열은 객체이다. 여기에는 메소드가 다수 정의되어 있다(속성도)
메서드 또는 속성 | 기능 |
push | 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 길이 반환 |
pop | 배열의 마지막 요소를 뽑아내고, 그 요소를 반환 |
indexOf | 배열에서 주어진 값과 일치하는 첫 번째 인덱스를 반환, 없으면 -1 반환 |
splice | 배열 요소를 우너하는 위치에서 우너하는 수만큼 추가/제거 |
forEach | 배열의 각각의 요소에 대해 콜백을 호출 |
length | 배열의 길이를 반환하는 속성 (이 표에서 유일하게 메소드가 아닌) |
이 외에도 다양한 메소드가 존재한다.
Array - JavaScript | MDN
다른 프로그래밍 언어의 배열과 마찬가지로, Array 객체는 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있고, 일반적인 배열 연산을 수행하기 위한 멤버가 있습니다.
developer.mozilla.org
728x90
'Develop' 카테고리의 다른 글
[javascript] Math (0) | 2024.04.05 |
---|---|
[javascript] classList 클래스리스트 (0) | 2024.04.05 |
javascript로 ToDo List 만들기 (2) (0) | 2024.04.04 |
javascript로 ToDo List 만들기 (1) (0) | 2024.04.04 |
[CS] 크롬 주소창에 URL 입력할 때의 뒷일... (0) | 2024.04.03 |