하루의 일상💜

[자바스크립트] Array 선언과 push(), join(), slice() 본문

자바스크립트

[자바스크립트] Array 선언과 push(), join(), slice()

도하루박 2022. 10. 6. 12:41
반응형
Array 선언
var datas = [];
datas[0] = 10;
datas[4] = 50;
console.log(datas);

자바스크립트의 Array 객체는 길이를 설정하지 않아도 원하는 인덱스에 원하는 값을 바로 추가할 수 있다.

또한 타입이 지정되어 있지 않기 때문에 다양한 타입도 동시에 담을 수 있다. 

위와 같은 값을 node에서 출력해보면 아래와 같은 값을 확인할 수 있고 10과 50 사이에는 3칸이 비어있다.

 

index값을 지정해주는 Array 선언

처음부터 10이라는 index값을 지정하여 10칸짜리 Array를 만들 수 있다.

var datas = new Array(10);
console.log(datas.length);

 

처음부터 값을 지정하여 칸을 지정해 만들 수 있다. 아래와 같은 경우의 datas.length는 3이 나올 것이다.

var datas = new Array("a","b","c");

 

위의 3칸이 선언되었지만 아래와 같이 length를 2로 지정해주면 강제로 2칸의 Array가 된다.

datas.length=2;

 

 

push()

자바스크립틑에서는 push를 사용해서 데이터에 값을 추가할 수있다. 추가한 값은 가장 마지막에 추가된다.

var datas = [10,20,54,66,"안녕"]
datas.push(22);
console.log(datas);

 

 

 

join()

원하는 구분점을 문자열로 전달하여 각 요소를 전달한 구분점으로 구분한뒤 문자열로 리턴해주는 기능

var datas = [10,20,54,66,"안녕"]
datas.push(22);
console.log(datas.join(" & "));

 

 

 

slice()

원하는 인덱스 범위를 설정해서 자를 수 있는 기능

slice(begin, end) : 원하는 시작 인덱스부터 마지막 인덱스까지 범위 설정(마지막 설정 인덱스는 제외)

slice(begin, end) : 시작 인덱스부터 끝까지

var datas = [10,20,54,66,"안녕"]
datas.push(22);
console.log(datas.slice(1,4));
console.log(datas.slice(3));

 

 

반응형