Part. 2 배열, 반복문, 객체

Angelo·2020년 4월 20일
0

Codestates PRE Javascript

목록 보기
2/15
post-thumbnail

씨잼-포커페이스

배열

순서가 있는 값

  • 순서는 인덱스라고 부르며, 1이 아닌 0부터 번호를 매김.
	ex) 0번째 인덱스의 값 부터 시작 
  • 대괄호(squre bracket)를 이용해서 배열을 만들고, 각각의 원소는 쉼표를 구분한다.
	ex) let myNumber = [73, 87, 61, 96];
  • 값은 인덱스를 이용해 접근한다.
	ex) myNumber[3]; //myNumber라는 배열의 3번째 인덱스 조회. 96
   	 myNumber[3] = 200; //myNumber라는 배열의 3번째 인덱스 값을 변경. 96을 200으로
  • 배열로 길이를 알아낼 수도 있다.
	ex ) myNumber.length; //myNumber라는 배열의 길이 4
  • .(dot)을 이용해서 변수가 가지고 있는 속성(property)에 접근할 수 있다.
	ex ) myNumber.push(96) // myNumber라는 배열 끝에 96이라는 값을 추가.

반복문

같거나 비슷한 코드를 여러번 실행시켜야 할 경우에 쓰는 구문

let sum =1;
sum = sum + 2;
sum = sum + 3;
sum = sum + 4;
console.log(sum);
  • 반복할 조건을 코드로 작성
let sum = 1;   
let n =2;   // 숫자 (n)는 2부터 시작한다.
n <= 4;		// 숫자 (n)가 4가 될때까지 반복한다.
n = n + 1;	// 숫자 (n)는 1씩 증가한다.
console.log(sum);
  • for 구문, 반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다.
let sum = 1;
for (let n = 2; n <= 4; n = n + 1) {
  sum = sum + n ;
}
console.log(sum); // 10
  • while 구문, 반복할 조건 중 초기화, 증감문은 따로, 조건식만 괄호 안에 넣어준다.
let sum = 1;
let n = 2;
while (n <= 4) {
  sum = sum + n ;
  n = n + 1; 
}
console.log(sum); // 10
  • 반복문을 이용해 배열의 요소(element)를 한번씩 출력하려면,
let myNum = [73, 98, 86, 61];  
for (let n = 0; n < myNum.length; n++) {
console.log(myNum[n]) // 73, 98 ,86, 61
}
  • 반복문을 이용해 배열의 요소(element)를 다 더하려면,
let myNum = [73, 98, 86, 61];  
let sum = 0;
for (let n = 0; n < myNum.length; n++) {
sum = sum + myNum[n]; // 318
}

객체

(Object)의 선언

let user = { 
  firstName : 'Steve',
  lastName : 'Lee',
  email : 'steve@codestates.com',
  city : 'Seoul'
};
  • 객체는 키와 값 쌍 (ket-value pair)으로 이루어져 있다.

    key는 lastName, value는 'Lee'
    중괄호 (curly bracket)를 이용해서 객체를 만든다. { }
    키-값 쌍은 쉼표로 구분 해 준다.

  • 객체의 값을 사용하는 방법

1. Dot notation을 이용한 출력 
user.firstName;  // 'Steve'
user.city;   // 'Seoul'

2. Dot notation을 이용한 값 추가
user.age = 27;
user.family = ['Mom', 'Dad'];
1. Bracket notation을 이용한 출력
user['firstName'];  // 'Steve'
user['city'];   // 'Seoul'

2. Bracket notation을 이용한 값 추가
user['age'] = 27;
user['family'] = ['Mom', 'Dad'];
변동 가능성이 있는 매개변수 일때, propertyName 변수 사용 

function getProperty(obj, propertyName) {
  return obj[propertyName];
}

let output = getProperty(user, 'firstName');
console.log(output); // --> 'Steve'

let output2 = getProperty(user, 'city');
console.log(output2); // --> 'Seoul'
  • delete 키워드를 이용해 삭제가 가능
delete user.age;
  • in 연산자를 이용해 해당하는 키가 있는지 확인할 수 있다.
'email' in user; // true
'major' in user; // false
profile
나만의 학습 노트

0개의 댓글