본문 바로가기

Javascript36

[javascript] - 07 프로토타입과 클래스 - 객체 생성자 상속받기 prototype은 무엇인가.... 상속을 왜 받는가... 에 대한 고찰 일단 개념정리는 해놓자 예를 들어 Cat과 Dog라는 새로운 객체 생성자를 만든다고 가정해 보자. 그리고 해당 객체 생성자들에서 Animal의 기능을 재사용하려면 아래 코드처럼 할 수 있다. function Animal(type, name, sound) { this.type = type; this.name = name; this.sound = sound; } Animal.prototype.say = function() { console.log(this.sound); }; Animal.prototype.sharedValue = 1; function Dog(name, sound) { Animal.call(this, '개', name, .. 2023. 1. 16.
[javascript] - 07 프로토타입과 클래스 - 객체 생성자 스타벅스 x 케이스티파이 아이폰 13 pro 케이스를 선착순 구매에 성공했지만 결국 안쓰기로... 1. 객체 생성자란? 함수를 통해 새로운 객체를 만들고 그 안에 넣고 싶은 값, 또는 함수를 구현할 수 있게 해준다. 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(); // 멍멍 // 야옹 객체 생성자를 사용.. 2023. 1. 16.
[javascript] 6. 배열 내장 함수 - test 배열 내장 함수를 정리했으니 테스트를 해보려고 한다. 일단 조건은 숫자 배열이 주어졌을 때 10보다 큰 숫자의 개수를 반환하는 함수를 만드는 것이다. console에 5가 찍히면 되는 문제이다. function countBiggerThanTen(numbers) { } const count = countBiggerThanTen([1, 2, 3, 5, 10, 20, 30, 40, 50, 60]); console.log(count); // 5 직접 테스트하며 주로 썼던건 reduce,forEach,filter이다. forEach function countBiggerThanTen(numbers) { let count = 0; numbers.forEach(n => { if (n > 10) { count++; } .. 2023. 1. 16.
[javascript] 6. 배열 내장 함수 - reduce 앞에 챕터에서 했던 배열 내장 함수는 아무것도 아니었다. reduce 이건 진짜 ㅋㅋㅋㅋㅋㅋㅋㅋ 1. reduce reduce는 주로 배열이 주어졌을 때 배열 안에 있는 모든 값들을 사용하여 연산할 때 사용함 배열의 모든 총합을 구해보자 forEach 예제 1 const numbers = [1, 2, 3, 4, 5]; let sum = 0; numbers.forEach((n) => { sum += n; }); console.log(sum); // 15 forEach로도 충분히 가능하다 하지만 reduce를 사용해보면 좀 더 간결하게 작성 가능하다. reduce 예제 1 const numbers = [1, 2, 3, 4, 5]; // A B C const sum = numbers.reduce((accumu.. 2023. 1. 16.
반응형

티스토리툴바