뇌 채우기 공간

function print(person){ if(person === undefined || person === null){return;} console.log(person.name); } const person = { name : 'John' }; print(person); if문에 있는 것은 null 과 undefined일 때 조건을 적용해주는 것이다. 에러가 나지 않게 그런데 매번 이렇게 할 수 없다. 있긴한데 더 좋은 방법이 있음 function print(person){ if(!person){return;} console.log(person.name); } const person = { name : 'John' }; print(person); 바로 !person이라고 쓰면 위의 값과 똑같다 왜냐?..

codition ? true : false const array = []; let text = ''; if(array.length === 0){ text ='배열이 비어있습니다.'; }else{ text = '배열이 비어있지 않습니다.'; } console.log(text); 삼항 연산자를 사용 안했을때 const array = []; let text = array.length === 0? '배열이 비어있습니다.': '배열이 비어있지 않습니다'; console.log(text); 삼항 연산자 사용 const condition1 = false; const condition2 = false; const value = condition1 ? '와우': condition2?'blabla': 'foo'; cons..

클래스 2021.04.23 - [WEB/Java Script] - [Java Script] 객체 생성자/ 프로토타입 공유/ 상속 [Java Script] 객체 생성자/ 프로토타입 공유/ 상속 객체 생성자 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('개', '멍멍이','멍멍'.. sso-feeling.tistory.com 위의 내용을 클래스로 표현을 해보았다. class Animal{ constructor(type,name, sound){ this.type ..

객체 생성자 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(); 객체를 생성한다. 파라미터로 받은 값을 넣어서 만들고 say라는 익명함수를 만들었다. 그런데 매번 함수가 새로 만들어지니까 객체마다 같은 함수를 가지도록 해보자 프로토타입을 사용한다. Animal.prototype.say = function(){ conso..

const alphabets = ['a','a','a','b','b','c','d','d','e'] const counts = alphabets.reduce((acc, current)=> { if(acc[current]){ // acc안에 current가 있냐 acc[current] += 1; } else { acc[current] = 1; } return acc; }, {}) console.log(counts); 기본값 비어있는 객체가 acc 이고 current 는 배열의 첫번째 값이다 if문을 통해 비어있는 객체인 acc에 'a'가 있는지 확인한다. 비어있으니까 없다. 그러면 else문을 통해 acc[a]를 1로 만든다 두번째 루프를 돌면 acc가 acc에 a에 1이 들어가있는 상태이고 current..

const numbers = [1,2,3,4,5]; let sum = 0; numbers.forEach(n=> { sum += n; }) console.log(sum); 같은 뜻을 가진 코드이다. reduce함수 const numbers = [1,2,3,4,5]; const sum = numbers.reduce((accumulator, current)=> accumulator + current, 0); console.log(sum); 어떻게 돌아가냐면 초기값 0 이 있다. 그게 accumulator가 된다. 그리고 numbers배열에 첫번째 값이 current가 되고 그 두개가 더 하기가 된다 그리고 초기값이 1이 되고 accumulator가 1 , current가 2가 된다(배열의 두번째 값) 그리고 ..

concat 배열 합치기 기존의 배열을 건드리지 않음 const arr1 = [1,2,3]; const arr2 = [4,5,6]; const concated = arr1.concat(arr2); console.log(concated); join 배열의 원소들을 문자열로 만들기 const array = [1,2,3,4,5]; console.log(array.join()); // 배열을 하나의 문자열로 만든다 console.log(array.join(' ')); // 파라미터를 가지고 배열 원소들을 구분해서 문자열로 만든다 console.log(array.join('야'));

const numbers= [10,20,30,40]; // 앞에꺼부터 빠진다 const value = numbers.shift(); console.log(value); console.log(numbers); shift 맨 앞에 있는 원소 하나씩 꺼내는 것 const numbers= [10,20,30,40]; const value = numbers.pop(); console.log(value); console.log(numbers); pop 원소를 뒤에서 부터 하나씩 꺼내는 것 unshift 앞에서 부터 넣는 것 const numbers= [10,20,30,40]; numbers.unshift(5); console.log(numbers); push 뒤에서부터 넣는 것 const numbers= [10,20..

splice 기존의 배열에서 항목을 지우는 것 splice(index, 2); 이렇게 사용하는데 배열의 몇번쨰 index부터 몇개를 지우겠다는 뜻이다. 기존의 항목에 영향을 준다. 그리고 그 지워진 값은 배열로 반환된다. const numbers= [10,20,30,40]; const index = numbers.indexOf(30); console.log(index); // index 가 2임 const spliced = numbers.splice(index,1); // 인덱스가 2인 것부터 1개를 지우겠다. console.log(numbers); // spliced는 잘라진 것만 모아놓은 배열 console.log(spliced); slice 기존의 배열을 건드리지 않고 새로운 배열을 만든다 몇번쨰 ..

2021.04.23 - [WEB/Java Script] - [Java Script] 배열 내장함수 /forEach : 배열 안의 값 하나씩 출력하기/ map:배열을 활용하여 새로운 배열 만들기/ indexOf: 몇번째 index인지 알려줌/ findIndex: 특정 조건의 index를 알려줌 [Java Script] 배열 내장함수 /forEach : 배열 안의 값 하나씩 출력하기/ map:배열을 활용하여 새로운 배 const superheroes = [ '아이언맨', '캡틴 아메리카','토르','닥터스트레인지' ]; function print(hero){ console.log(hero); } superheroes.forEach(print); superheroes.forEach((hero)=>{ conso..