javascript

reduce 메소드는 배열 각 요소를 돌면서 새로운 하나의 결과값을 반환합니다. 아..!일단 배열의 원소들을 순회하고 무언가의 새로운 값을 반환하는구나..라고 생각하시고 예제들을 살펴볼게요 ~~ reduce 에는 콜백함수와 초깃값이 있어요콜백함수에서 4개의 매개변수를 사용할 수 있고 초깃값을 비워넣거나 설정해놓을 수 있죠유심히 봐주시길 바랍니다 (중요중요) 배열.reduce(function(누적값, 현잿값, 인덱스, 요소) { return 결과 }, 초깃값); 1.누적값 (accumulator) return 값을 누적합니다.초깃값을 제공한 경우에는 초기값의 값으로 시작합니다. 2.현재값 (currentValue) 배열에 현재 요소 입니다 3.인덱스 (currentIndex)현재 요소의 인덱스 입니다. 초..

TDZ(Temporal Dead Zone) 변수를 선언 하기 전의 범위를 TDZ에 있다고 합니다.변수 선언 전에 변수를 호출 할경우 reference error 가 발생하는데 이때 tdz 에 걸렸다고 표현하죠 자세하게 알아봅시당 (function test(){ console.log(a); //TDZ let a; }()) 변수 a 를 선언하기 전 콘솔에 찍었더니 reference error 가 뜨죠?지금 저 구간이 TDZ인 상태이기 때문이에요선언되지 않은 변수에 접근 하려고 하니 에러가 발생하는 겁니다. 그럼 var 변수는 어떨까요 (function test(){ console.log(a); var a; }()) undefined가 나옵니다var 의 경우에는 호이스팅 되면서 a가 맨 상단위로 올라갑니다.그..

자바스크립트에서 호이스팅한다 뭐 요런말 들어보셨을텐데요 자바스크립트에서 호이스팅은 끌어올린다는 뜻입니다. 뭘끌어올리느냐 바로 변수선언과 함수선언을 최상단으로 끌어올립니다 확인해봅시다 1.변수선언 console.log(a) var a; 콘솔에 찍으면 에러가 아니라 undefined 가 나옵니다 변수가 호이스팅 됬기 때문이죠 *실제로 호이스팅된 코드 var a; console.log(a) 자바스크립트는 이렇게 읽은 거죠 이렇게 변수를 함수 바깥에서 선언한 경우에는 전역컨테스트 최상위로 끌어올립니다. 그럼 함수 내에서 선언해볼까요 ?? function test(){ console.log(a) var a = 'b'; } console.log(test(),a) //undefined , referenceError ..

자바스크립트에서 데이터 종류는 2가지로 나눕니다. 기본형(원시형) primitive type : null,undefined, string, boolean , number 참조형 reference type : object(array,function,regExp) 기본형 var a ; 변수를 선언하면 컴퓨터는 변수 a 의 메모리주소값을 확보합니다. 마치 방을 주는 것처럼요 주소값을 방으로 비유하겠슴다 컴퓨터 : 엇 변수 a .. 너는 10000번 방을 줄게 a에게 10000방을 줬으니 a는 주소값이 10000입니다. a = 3; 변수 a 에게 값을 할당하면? a가 10000번방에 있으니 10000번방을 찾아가서 3을 할당하죠 이렇게 기본형 데이터는 값을 그대로 할당시킵니다. 직진! 참조형 참조형데이터는 객체..

안녕하세요 이번 포스팅은 Set() & WeakSet() 에 알아보겠슴다공부하다 좀 헷갈리고 어려운 부분이 있어서,,이해하기 쉽게,,정리를 좀 해보려고 해요그럼 공부해보아요!😝 1. Set() 중복이 허용되지 않는 데이터 집합 입니다.iterable 한 특징을 가지고 있죠. ( * 값을 하나씩 순차적으로 접근이 가능하다 => 반복가능한객체 ) const set = new Set() - 속성

안녕하세요 구조분해할당에 대해 포스팅해볼게요 😁 MDN에 나와있는 구조분해할당에 대한 설명입니다.배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식. 아,,배열이나 객체의 속성을 해체시켜서 그 값을 변수에 담을 수 있구나,,! 라고 이해가 되시지요?함 알아볼까욧! 1.배열분해할당 let data = [10,20,30,40]; let a = data[0]; let b = data[1]; console.log(a,b) 보통 요런식으로 배열의 값을 변수에 대입하죠.콘솔에 10,20 이 찍히겠죠 ?이방법은 뭔가 지저분해보이고,,귀찮습니다. 구조분해 방법으로 사용 해 볼게요 let data = [10,20,30,40]; let [a,b,c] = data consol..

es6문법에서 특정문자열이 시작하는지 또는 끝나는지 확인 할 수 있는 메서드가 생겼습니다. startsWith() - 특정문자로 시작하는지 확인하여 결과를 true 또는 false 로 변환 endsWith() - 특정문자로 시작하는지 확인하여 결과를 true 또는 false 로 변환 그럼 간단하게 예제를 통해 공부해보아요startsWith()를 사용하여 사과로 시작하는 배열 값만 콘솔에 찍어볼게요! let arr = ['사과나무','사과맛 과자','홈런볼','사과주스']; for(let text of arr){ if(text.startsWith('사과')){ console.log(text) } } 콘솔에 홈런볼을 제외한 값만 찍혔음을 알 수 있습니다 .

안녕하세요.객체에서 this를 알아보려고 해요아주 중요합니다 this..!! object this 일반 객체에서 this 는 자신이 속한 객체를 가르킵니다.주소 객체의 메소드에서 this를 사용하는데요객체에서 왜 this를 사용해야 하는건지예제를 통해 알아봅시다! var ezam = { avg:function(math,science){ return math + science } } console.log(ezam.avg(50,100)) exam이란 객체에 avg란 메소드를 만들어주었어요.메소드에 math,science 매개변수를 넣고콘솔에 메소드를 호출해줍니다 그럼 콘솔에 150이 찍히겠죠?이럴경우엔 계속 메소드에 인자값을 넣어 호출해줘야 하는 불편함이 있죠. 그럼 math,science 매개변수를 객체의..