Starters Starters

... 사용 객체 혹은 배열을 펼칠 수 있다. const slime = { name: '슬라임' }; const cuteSlime = { name: '슬라임' attribute: 'cute' }; const purpleCuteSlime = { name: '슬라임' attribute: 'cute', color: 'purple' }; console.log(slime); console.log(cuteSlime); console.log(pupleCuteSlime); 위와 같은 상황에서 중복을 줄이기 위해서 spread 사용 const slime = { name: '슬라임' }; const cuteSlime = { ...slime, attribute: 'cute' }; const purpleCuteSlime = ..

비구조 할당 const object = { a: 1, b: 2 }; const {a, b} = object; console.log(a) => 1 console.log(b) => 2 함수의 파라미터에서 사용 const object = { a: 1, b: 2 }; function print({a, b}){ console.log(a) console.log(b) } print(object); b값에 대한 파라미터 없다면, 기본값 설정 const object = { a: 1 }; function print({a, b = 2}){ console.log(a); console.log(b); } print(object); // 또는 const object = { a: 1 }; function print({a, b}){ ..

1. 특정 값을 여러값들 중에 있는지 확인해야 하는 상황에서 function isAnimal(text){ return (text === '고양이' || text === '개' || text === '거북이' || text === '너구리'); } console.log(isAnimal('개')); console.log(isAnimal('노트북')); => true => false 이걸 배열로 만들어 사용하면(includes() 함수), function isAnimal(text){ const animals = ['고양이', '개', '거북이', '너구리']; return animals.includes(text); // 배열 내장함수 includes() -> 배열에 값 유무 확인하고 boolean값 반환 } ..

함수를 호출할 때, 원래 넣어야할 파라미터 값을 넣지 않았을 때, 지정할 값을 정하는 것을 의미 function calculateCircleArea(r){ return Math.PI * r * r; } const area = calculateCircleArea(4); // 파라미터 넣어야함 console.log(area) 만약 파라미터 넣지 않는다면, 단축 평가 논리 계산법 사용 function calculateCircleArea(r){ const radius = r || 1; // 만약에 값이 없다면 1을 기본값으로 사용하겠다는 뜻 return Math.PI * radius * radius; } const area = calculateCircleArea(); console.log(area) ES6 문법..

단축 평가 논리 계산법(Short-circuit evaluation) - 논리연산자를 사용해서 코드를 더 짧게 쓰는 법을 말한다. 조건문 예시 const dog = { name = '멍멍이'; } function getName(animal){ if(animal) { return animal.name; } return undefined; } const name = getName(); console.log(name); 짧은 코드로 const dog = { name = '멍멍이'; } function getName(animal){ return animal && animal.name; } const name = getName(); console.log(name); 왜 이게 가능하지? And (&&) 연산자 co..

function print(person){ // if(person === undefined || person === null){ // return; // } // 이런걸 null checking이라함 // 위에랑 같은 뜻 if(!person){ return; } console.log(person.name); } const person = null; print(); // falsy한 값들 5가지 !하면 true 값이 나온다. console.log(!undefined); console.log(!null); console.log(!''); console.log(!0); console.log(!NaN); // 이외 나머지 값들은 truthy한 값들이다. console.log(!3); console.log(!'h..

condition ? true : false - > 조건문 사용해서 코딩했을 때 - 삼항 연산자 사용 const array = [1, 2, ]; let text = array.length === 0 ? '배열이 비어있습니다.' : '배열이 비어있지 않습니다.'; console.log(text); - 삼항 연산자 중첩사용 const condition1 = false; const condition2 = false; const value = condition1 ? '와우!' : condition2 ? 'blabla' : 'foo'; console.log(value); 코드는 간단하지만 오히려 보기 어려움 -> 이런 상황에서는 일반 조건문 사용하는 것이 더 좋음