본문 바로가기
Programming/JavaScript

[JavaScript] Hello, JavaScript: 자바스크립트 입문 파트6. 배열

by devpine 2019. 12. 15.
반응형

배열

엘리먼트가 연속된 저장 공간. 주소(인덱스)를 이용해 각 엘리먼트에 접근 가능.

var arr = [];	// 빈 배열
var arr = [1,2,3];	//초기화된 배열
var mixed_arr = [1, true, 3.14, "string", {name:"object"}, [1,2,3]];	//어떤 자료형이든 저장 가능
arr[0];	// 1 반환됨

 

배열의 길이

arr.length;

 

배열에 엘리먼트 추가 / 삭제 / 뒤집기 / 정렬

배열에 엘리먼트 추가 / 삭제 / 뒤집기 / 정렬

var arr = [1,2,3,4,5];

arr.pop();	// pop(): 배열의 마지막 요소 빼서 반환.
console.log(arr) // [1,2,3,4]

arr.shift();	// shift(): 배열의 첫 요소 빼서 반환.
console.log(arr) // [2,3,4]

arr.push(6);	// push(): 배열의 맨 뒤에 요소 추가.
console.log(arr) // [2,3,4,6]

arr.unshift(0);	// unshift(): 배열의 맨 앞에 요소 추가.
console.log(arr) // [0,2,3,4,6]

arr.reverse(); // reverse(): 배열 뒤집기.
console.log(arr)  // [6,4,3,2,0]

arr.sort(); // sort(): 배열 정렬.
console.log(arr)  // [0,2,3,4,6]

 

배열 붙이기, 검색하기

arr1 = [1,2,3];		
arr2 = [3,4,5];

arr = arr1.concat(arr2); // arr1, arr2 배열 붙이기
console.log(arr);	// [1,2,3,3,4,5]

arr.indexOf(3);	// 2 반환.
arr.lastIndexOf(3);	// 3 반환.

 

문자열 구분자로 나눠서 배열에 각각 담기

var str = "1,2,3,4,5";
str.split(",");	// ["1","2","3","4","5"];

 


아래 강의를 수강하며 개인적으로 공부하며 정리한 글입니다. 

https://programmers.co.kr/learn/courses/3

 

Hello, JavaScript: 자바스크립트 입문 | 프로그래머스

## Hello, JavaScript! 관련 키워드: JavaScriptHTMLCSS웹프론트엔드입문문법 * 자바스크립트와 처음 만나는 분들을 위한 강의! * 부담가질 것 없이, 하루 최소 20분씩만 짬내도 배울 수 있는 강의!(약 7일 소요) * 지금 켜둔 이 브라우저 창에서 그대로 실습해보는 강의! 도서와 함께 들으면 참 좋은 강의 이 강의는 길벗출판사의 'Try! Helloworld 자바스크립트' 도서와 연계하여 제작되었습니다. 여기를

programmers.co.kr

 

반응형

댓글