배열과 객체 - 1

JungHoon·2021년 8월 28일
0

배열

순서가 있는
값 ---> 요소(Element)
순서 ---> 인덱스(Index)

인덱스의 시작점은 1부터가 아니고 0부터
인덱스를 이용해 접근한다
배열은 대괄호(Square Bracket)을 이용해서 만들고,
각각의 원소(Element)쉼표(Comma)로 구분해줍니다


배열로 할수 있는 것

길이를 알아낼 수 있다

let myNumber = [ 31, 99, 74, 52];

// myNumber라는 배열의 길이를 알아내려면
 
myNumber.length; // 4
  • 온점(dot)을 이용해서 변수가 가지고 있는 속성(Property)에 접근할수 있습니다.

요소(Element)를 추가할수 있다

let myNumber = [ 31, 99, 74, 52];

  // myNumber이라는 배열의 끝에 88이라는 값을 추가하고 싶을때 
 myNumber.push(88);
  • 온점(dot)을 이용해서 관련된 명령(method라고도함)도 실행할수 있습니다
    명령을 실행할땐, 함수를 실행하듯 괄호를 열고 닫는 형태로 실행합니다.

요소(Element)를 삭제할수 있다

let myNumber = [ 31, 99, 74, 52];

   // myNumber이라는 배열 마지막 값을 삭제하려면
 myNumber.pop();


배열의 반복

배열과 반복문을 조합하는 경우는 생각보다 매우 많습니다
Ex) 반복문을 이용해 배열의 요소를 한번씩 출력하려면..?

let myNumber = [ 31, 99, 74, 52];

 /* "배열 myNumber의 n번째 인덱스"를 출력하자
  조건: 
  - 숫자(n)는 0부터 시작
  - 숫자(n)를 배열의 길이보다 작을때 까지 반복한다
  - 숫자(n)는 1씩 증가한다 */
 for (let n = 0; n < myNumber.length; n++) {
	console.log(myNumber[n]);
 } 

Ex) 연습 - myNumber의 모든 Element를 누적해서 더하기 위해 필요한 조건과, 반복할 구문은?
let myNumber = [ 31, 99, 74, 52];
let sum = 0;

for(초기화;조건식;증감문) {
// 반복할 구문
}
console.log(sum);  // 256

 // 해설 
 let myNumber = [ 31, 99, 74, 52];
 let sum = 0;

 for(let n = 0; n < myNumber.length; n++){
    sum = sum + myNumber[n];
}


배열인지 아닌지 확인하기 Array.isArray()

자바스크립트의 특정 값이 배열인지 아닌지 판별할수 있는 메서드

Array.isArray MDN 공식문서

객체가 Array라면 true를 반환하고, 아닐경우 false를 반환합니다.



배열 요소 포함 여부 확인하기 Array.prototype.indexOf()

자바스크립트의 특정 값이 배열이 포함되어 있는 지 확인할수 있는 메서드

indexOf 메서드는 배열에서 지정된 요소를 찾을수 있는 첫번재 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다

Array.prototype.includes()

배열이 특정 요소를 포함하고 있는지 판별하는것인데 사실 indexOf가 includes보다 더 사용성이 좋은 이유는 역시 브라우저 호환성에 의해서 indexOf가 좀더 높기 때문이다



마무리..

사실 배우면서도 온점의 역할이라던지 성질같은것들을 그냥 아 그렇게 사용하는구나 정도로 넘어간 경우가 많은데 이번 기회에 이런것들을 정리하면서 외우도록 해야겠다

처음 시작하면서 TIL도 밀리고 이래저래 습관화 시키지도 못해서 많이 뒤죽박죽이였다 .
전부 밀고 복습하는 부분부터 앞으로 차근히 진행해보려고 한다

profile
Lv.1 개발자

0개의 댓글