뇌 채우기 공간

클래스 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..

const superheroes = [ '아이언맨', '캡틴 아메리카','토르','닥터스트레인지' ]; function print(hero){ console.log(hero); } superheroes.forEach(print); superheroes.forEach((hero)=>{ console.log(hero); }) forEach함수 배열 안의 값을 하나씩 다 출력하기 map 배열에 있는 내용을 전체적으로 변화를 주고 싶을 때 const array = [1,2,3,4,5,6,7,8]; const square = n => n*n; const squared = array.map(square); console.log(squared); array배열의 안의 값들을 전부 제곱해서 새로운 배열로 만들어라 co..

const names = ['멍멍이', '야옹이', '멍뭉이']; for(let i = 0; i < names.length; i++){ console.log(names[i]); } for(let number of numbers){ // number은 배열 numbers안의 값을 의미한다 console.log(number); } for - of // 객체의 값을 받아 올 수 있는 방법 const doggy ={ name: '멍멍이', sound: '멍멍', age: 2 }; console.log(Object.keys(doggy)); console.log(Object.values(doggy)); 객체의 키를 받아오는 방법/ 객체의 값을 받아오는 방법 console.log(Object.entries(doggy..