본문 바로가기
Front-End (JS , jQuery)

JS 배열 (Array) - 자바스크립트

by 코딩하는 동현😎 2022. 4. 18.

배열이란?

하나의 변수 이름에 여러 데이터 값을 저장할 수 있는 자료구조입니다.

 

배열 생성하는 방법엔 두가지가 있습니다.

 

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(" ") 과 똑같습니다.  공백을 두고 연결해서 문자열을  반환하죠.

반응형

댓글