-
배열 arrayjavascript 2023. 3. 28. 21:08반응형
* 배열 array
- 순서가 있는 리스트
- index : 배열의 고유번호, 0부터 시작함
/* 1번에 민준 2번에 연석 ... 30번에 마크 */ let students = ['민준', '연석', ... '마크'] console.log(students[0]);//민준 console.log(students[1]);//연석 //배열 수정 방법 students[0] = '민정'; console.log(students);//[민정, 연석]
* 배열의 특징
- 배열은 문자뿐만 아니라 숫자, 객체, 함수 등도 포함할 수 있음
let arr = [ '민수',//문자 3,//숫자 flase,//bollean {name:'mike', age : 30, },//객체 function(){ console.log('test'); }//함수 ];
- length : 배열의 길이, 배열이 가지고 있는 요소의 갯수를 반환
/* 1번에 민준 2번에 연석 ... 30번에 마크 */ let students = ['민준', '연석', ... '마크'] students.length//30
- push() : 배열 끝에 추가
let days = ['월','화','수']; days.push('목') console.log(days)//['월','화','수','목']
- pop() : 배열 끝에 요소 제거
let days = ['월','화','수']; days.pop() console.log(days)//['월','화']
- shift(), unshift() : 배열 앞에 추가 제거
let days = ['월','화','수']; //추가 days.unshift('일'); console.log(days)//['일','월','화','수']; //제거 days.shift(); console.log(days)//['월','화','수']; //------------------------------------------------------------------------------------------- /*참고 : push와 unshift는 여러요소 추가 가능*/ days.unshift('금','토','일'); console.log(days)//['금','토','일','월','화','수'];
- 반복문에 사용함 : for문
/*for문*/ let days = ['월','화','수']; for(let index = 0; index < days.length; index++){ console.log(days[index]) } //------------------------------------------------------------------------------------------- /*for... of문 : for문보다 간단하지만 index를 못 얻는다는 단점이 있음*/ let days = ['월','화','수']; for(let day of days){ console.log(day) }
/*다른 예시*/ let days = ['mon','tue','wed']; console.log(days[1]);//tue //두번째 요소 바꾸기 days[1] = '화요일'; console.log(days);//['mon','화요일','wed'] //배열의 길이 console.log(days.length);//3 //배열 뒤에 thu 추가하기 days.push('thu'); console.log(days);//['mon','tue','wed', 'thu'] //배열 앞에 sun 추가하기 days.unshift('sun'); console.log(days);//['sun', 'mon', 'tue', 'wed', 'thu'] //for문 for(let index = 0; index < days.length; index++){ console.log(days[index]);//sun mon tue wed thu } //for... of문 for(let day of days){//여기서 day는 배열의 요소 이름으로 아무이름을 사용해도 됨 console.log(day);//sun mon tue wed thu }
반응형'javascript' 카테고리의 다른 글
객체Objcet에서 사용 가능한 methods와 Computed property (0) 2023.04.08 생성자 함수 (0) 2023.04.08 객체 Object의 method와 this (0) 2023.03.28 객체 Object (0) 2023.03.28 함수 선언문, 함수 표현식, 화살표 함수 (0) 2023.03.28