JS 전문가되기 //Day 05

남형진·2020년 12월 13일
0

JS 전문가되기

목록 보기
5/13
post-thumbnail

🙌들어가기 앞서...

JS 전문가되기 제목의 포스팅의 목적은 필자가 공부한 것을 복습하는데 그리고 약점을 보완하는데 있습니다.

1. 배열 기초


img 출처:https://www.quora.com/How-can-we-refer-to-the-last-elements-of-C-array-int-num-20
배열의 구조는 위와 같이 Name, Index, Elements, Length 로 이루어진다.

1-1. 배열의 반복

let array = [1, 2, 3, 4, 5];
let output = 0;
//
for(let i = 0; i < array.length; i++){
	output += array[i];
}
console.log(output);// 15

아주 간단한 배열의 반복 예시이다.
(위 for문의 초기값, 조건식, 증감문은 for문을 array.length만큼 반복시키는 코드다.)

이처럼 배열은 많은 데이터를 편리하게 보관하며, 사용할 수 있다.
특히 반복문과는 찰떡궁합이다.

1-2. 배열 기초 메소드

let array = ['벤츠', '아우디', '롤스로이스'];
//
Array.isArray(array)// true
array.unshift('현대')// ['현대', '벤츠', '아우디', '롤스로이스']
array.push('기아')// ['벤츠', '아우디', '롤스로이스', '기아']
array.shift()// ['아우디', '롤스로이스']
array.pop()// ['벤츠', '아우디']
array.indexOf('아우디')// 1
array.includes('롤스로이스')// true
array.filter(item=>item === '벤츠')// ['벤츠']
array.concat([1, 2, 3])// ['벤츠', '아우디', '롤스로이스', 1, 2, 3]
array.forEach(item=>console.log(item))
// '벤츠'
// '아우디'
// '롤스로이스'
array.join()// '벤츠,아우디,롤스로이스'

...등등 추가예정
배열 메소드는 배열에 대해 다양한 연산을 가능하게 한다.

20201213

profile
세상을 바꾸는 한줄의 코드를 작성하는 개발자

0개의 댓글