YoonStudyNote

1. 함수 파라미터에서 rest function sum(...rest){ return rest.reduce((acc, current)=> acc+current,0); } console.log(sum(1,2,3,4,5,6,7,8)); //출력값 36 매개변수에 rest를 선언하면 그 자체가 배열로 인식이 됩니다. 즉, ...rest 매개변수는 = [1,2,3,4,5,6,7,8] 로 인식이 되고 있는겁니다. 2. 함수 인자에서의 spread function max(...numbers){ return numbers.reduce((acc,current)=>( acc>current ? acc:current ),numbers[0]); } const numbers = [1,2,3,4,10,5,6,7]; const r..

1. spread 연산자 객체에서 이용하기 const slime = { name: '슬라임' }; const cuteSlime = { ...slime, attribute: 'cute' }; const purpleCuteSlime = { ...cuteSlime, color: 'purple' }; const greenCuteSlime = { ...purpleCuteSlime, color: 'green' }; console.log(slime); console.log(cuteSlime); console.log(purpleCuteSlime); console.log(greenCuteSlime); //출력값 { name: '슬라임' } { name: '슬라임', attribute: 'cute' } { name: '슬..

해당 객체의 값을 알아내고싶을때 이용합니다. 구조 분해 할당의 구문은 기존 할당문과 비슷하지만, 대신 할당문의 좌변에서 사용하여, 원래 변수에서 어떤 값을 분해해 할당할지 정의합니다. 1. 값을 나눠서 구하는 방법 const deepObject = { state:{ information: { name: 'velopert', languages: ['korean', 'english', 'chinese'] } }, value: 5 }; const {name, languages} = deepObject.state.information; const {value} = deepObject; const extracted = { name, languages, value }; console.log(extracted); /..

특정값이 여러값중에 하나인지 아닌지 확인하는 방법 function isAnimal(text){ return( text == '고양이' || text == '개' || text == '너구리' || text == '거북이' ); } console.log(isAnimal('개')); console.log(isAnimal('노트북')); //출력값 true false 다음과 같이 return하게 되면 식이 매우 복잡하게 되는걸 보실 수 있습니다. 이것을 간단하게 해결하는 방법은 include입니다. 1. include 사용방법 우선 비교하고싶은 값들을 배열안에 넣습니다. function isAnimal(text) { const animals = ['고양이', '개', '너구리', '거북이']; return a..

파라미터값이 없을경우에 변수 혹은 함수안에 변수 계산은 어떻게 해야할까요? 기본값을 지정하는 방법이 있습니다. 1. 매개변수 기본값 지정 (함수일 경우) function calculatecircleArea(r=1){ return Math.PI *r *r; } const area = calculatecircleArea(); console.log(area); 2. 매개변수 기본값 지정 (함수가 아닐 경우) const calculatecircleArea = (r = 1) => Math.PI * r * r; const area = calculatecircleArea(); console.log(area);

&&로 값을 비교하기 const dog = { name: '멍멍이' }; function getName(animal){ return animal && animal.name; } const name = getName(dog); console.log(name); //출력값 멍멍이 여기서보면 궁금증이 생깁니다. 분명 형식은 Boolean으로 구분하는것같지만 출력값은 다르게 나오기 때문이죠. 이 특성을 알기 위해 다른 예시를 보겠습니다. console.log(true && 'hello'); console.log(false && 'hello'); console.log('hello' && 'bye' && 'nice'); //출력값 hello false nice &&특성을 보면 만약 비교값중에 무조건 falsy값이 ..

true같은것과 false같은것을 말하는 겁니다. 이 개념을하기전에는 일단 null인지 아닌지 체크하는방법을 알려드리겠습니다. 1. undefined || null 로 확인 function print(person){ if(person === undefined || person === null){ return; } console.log(person.name); } const person = null; print(person); 이것은 코드를 이해하기 쉬운방법이지만, 함수에 들어갈때마다 이러한 조건문으로 확인하는것은 비효율적입니다. 2. 조건문에 !를 넣는 방법 function print(person){ if(!person){ return; } console.log(person.name); } const p..

class문법을 사용하면 상속을 해야하는상황에서 훨씬 더 쉽게 이용할 수 있습니다. class Animal{ constructor(type, name, sound){ this.type = type; this.name = name; this.sound = sound; } say(){ console.log(this.sound); } } class Dog extends Animal{ constructor(type, name, sound){ super(type, name, sound); } } class Cat extends Animal{ constructor(name, sound){ super('고양이', name, sound); } } const dog = new Dog('개', '멍멍이', '멍멍'); c..

function Animal(type, name, sound){ this.type = type; this.name = name; this.sound = sound; } Animal.prototype.say = function(){ console.log(this.sound); } function Dog(name, sound){ Animal.call(this, '개', name, sound); } function Cat(name, sound){ Animal.call(this, '고양이', name, sound); } Dog.prototype = Animal.prototype; Cat.prototype = Animal.prototype; const dog = new Dog('멍멍이', '멍멍'); const ..

주로 객체를 선언할때는 대문자부터 시작하고, new라는 키워드를 이용합니다. function Animal(type, name, sound){ this.type = type; this.name = name; this.sound = sound; this.say = function(){ console.log(this.sound); } } const dog = new Animal('개', '멍멍이', '멍멍'); const cat = new Animal('고양이', '야옹이', '야옹'); dog.say(); cat.say(); 여기서 비효율적인거는, 새로운 Animal을 만들때마다 새로운 함수를 만든다는 겁니다. 함수를 보면 내용이 똑같은걸 알 수 있습니다. sound와 똑같은 데이터를 사용하는데 두번이나 선..