배열이란?
하나의 변수 이름에 여러 데이터 값을 저장할 수 있는 자료구조입니다.
배열 생성하는 방법엔 두가지가 있습니다.
1. 리터럴로 선언
var array = [item1, item2, ...];
js 같은 경우 배열 원소의 자료형이 서로 달라도 허용합니다.
객체, 함수, 배열 등도 배열의 원소가 될수 있습니다.
2. Array 객체로 배열 생성
var fruits=new Array(“apple",“banana",“orange“);
Array 객체
Array 객체의 속성에는 length가 있습니다.
array.length 하면 배열의 size를 반환합니다. - 가장 큰 인덱스의 +1
Array 객체의 함수
push/pop , unshift/shift가 있고 각각 배열의 맨 뒤에서, 맨 앞에서 조작하는 함수이고, 전자는 삽입, 후자는 제거입니다.
- array.push(요소) : 맨 뒤에 한 요소를 삽입
- array.pop(요소) : 맨 뒤에 한 요소를 제거
- array.unshift(요소) : 맨 앞에 한 요소를 삽입
- array.shift(요소) : 맨 앞에 한 요소를 제거
concat(배열) 함수는 배열을 합치는 함수입니다.
newArray = array1.concat(array2);
split("구분자") 함수는 자바에도 있는데요, 문자열을 구분자를 기준으로 분리해서 배열로 저장합니다.
var s = "this is a string"; //문자열 s입니다.
var array = s.spit(" "); //s를 공백으로 분리해서 ["this" , "is" , "a" , "string"] 배열을 반환합니다.
join("구분자") 함수는 완전히 반대의 역할을 하는데요, 배열의 각 요소를 구분자로 연결해서 문자열로 반환합니다.
var array = ["this" , "is" , "a" , "array"];
var s = array.join(","); // "this,is,a,array" 문자열을 반환합니다.
toString은 join(" ") 과 똑같습니다. 공백을 두고 연결해서 문자열을 반환하죠.
반응형
'Front-End (JS , jQuery)' 카테고리의 다른 글
[HTML/JS] DOM(문서 객체 모델) 기초 (0) | 2022.05.02 |
---|---|
[HTML/JS] BOM(Browser Object Model) , window객체 (0) | 2022.04.18 |
[HTML/JS] JS기초 : 행맨 게임 만들어보기! (0) | 2022.04.17 |
JS 기초 : 난수 생성하기 - 숫자 맞추기 게임 실습 (0) | 2022.04.15 |
[html/CSS] div 가운데 정렬 하는법 (0) | 2022.04.15 |
댓글