반응형

 

for in: 객체가 반복될 때 사용하고 배열에서도 사용이 가능합니다.

for of: 배열이 반복될때만 사용이 가능합니다. 객체에서는 사용이 불가능

 

반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형

 

반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형

getter

setter

 

getter / setter

반응형

'2020 > Vanilla JavaScript' 카테고리의 다른 글

for in, for of, for  (0) 2020.03.28
JavaScript 배열  (0) 2020.03.28
JavaScript 객체 안에 함수 넣기.  (0) 2020.03.27
JavaScript Object(객체), 비구조화 할당  (0) 2020.03.27
화살표 함수, 화살표 문법  (0) 2020.03.27
블로그 이미지

꽃꽂이하는개발자

,
반응형
const cat = {
  name: "집사",
  sound: "냥!",
  say: function() {
    console.log(this.sound);
  }
};

const dog = {
  name: "멍멍이",
  sound: "멍?",
  say() {
    console.log(this.sound);
  }
};

cat.say();
dog.say();

반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형

아래의 화면은 codesandbox로 실행했습니다.

 

 

const ironMan = {
  name: "토니 스타크",
  actor: "로버트 다우니 주니어",
  alias: "아이언 맨"
};

const captainAmerica = {
  name: "스티븐 로저스",
  actor: "크리스 에반스",
  alias: "캡틴 아메리카"
};

function print(hero) {
  const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${
    hero.actor
  } 입니다.`;
  console.log(text);
}
function print1(hero) {
  const { alias, name, actor } = hero;
  const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`;
  console.log(text);
}

function print2({ alias, name, actor }) {
  const text = `${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.`;
  console.log(text);
}

const { name } = ironMan;
console.log(name);

print(ironMan);
print(captainAmerica);

print1(ironMan);
print1(captainAmerica);

print2(ironMan);
print2(captainAmerica);

 

const deepObject = {
  state: {
    information: {
      name: "sh",
      language: ["korean", "english", "java"]
    }
  },
  value: 5
};

const { name, language } = deepObject.state.information;
const { value } = deepObject;

const extracted = { name, language, value };
console.log(extracted);
반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형
const add = (파라미터A, 파라미터B) =>{
	return A + B;
}

const sum = add(2,2);
console.log(sum);   //결과는 4!
const hello = (name) => {
	console.log('Hello , ${name}!');
}
hello('똥구리'); // Hello, 똥구리!
const add = (a, b) => a+b;
const sum = add(a,b);
console.log(sum) // 더한 값 출력
반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형

실행 순서

NOT !

AND &&

OR ||

 

const value = !((true && false) || (true && false) || !false);
//계산
// !(false || false || true);
//!(true)
// false;
console.log(value); // false

 

반응형
블로그 이미지

꽃꽂이하는개발자

,
반응형

const / let / var

const a = 1; //값을 바꿀 수 없음.
let b = 2;	// 값을 바꿀 수 있음.
var c = 3;   //예전에 쓰는거라 지금은 안씀.

null or underfined

let good = null;  //진짜 내용이 없는 것
let something = underfined;  //값이 아직 설정되지 않음.

let criminal = null; //범인이 없는것.
console.log(criminal); 
let criminal = underfined; //범죄은 있는데 누가 범인인지 아직 정해지지 않음.
console.log(criminal); 

 

반응형
블로그 이미지

꽃꽂이하는개발자

,