자바스크립트 es6 에서 Symbol 이라는 원시 데이터 유형을 추가하였습니다 자바스크립트에는 밑에와 같은 원시데이터를 가지고있죠 1.Boolean 2.Null 3.Undefined 4.Number 5.String 6.Symbol +new Symbol() Symbol([description]) Symbol은 고유한 데이터입니다. 여러개의 Symbol에 동일한 description을 넣어도 각 다른 존재로 인식됩니다. const a = Symbol("id"); const b = Symbol("id"); console.log(a == b); // false 같은 문자열을 넣었는데 결과 값이 false 로 나오죠? Symbol은 고유한 존재 이기 때문에 문자열이 같아도 영향을 미치지 않습니다 Object ke..
es6
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가 맨 상단위로 올라갑니다.그..
안녕하세요 이번 포스팅은 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) } } 콘솔에 홈런볼을 제외한 값만 찍혔음을 알 수 있습니다 .
이번포스트는 배열에 유용한 문법과 메서드를 알아보겠습니다. for of 배열 순회하기 Array , Map , Set , String , TypeArray , Arguments 등 을 순회 es6에 새로 생긴 문법이에요.es5에서 배열 순회하려면 for문 으로 돌리거나 foreach문을 썼었죠 하지만 더 간결해졌습니다. let data = ['집가고싶다',100,null,'퇴근소취']; for( let val of data){ console.log(val) } of 뒤에 배열을 담은 변수를 놓고of 앞에 배열의 값을 담을 변수를 만들어줍니다. 콘솔에 배열값이 순회된걸 확인하실 수 있습니다. spread operator 펼침연산자로 배열 복사하기 ... 펼침연산자를 사용해 기존의 배열을 바꾸지않고 새로운 ..
es6에서 새로운 변수가 추가되었는데요. 스코프의 개념을 알고 있어야 변수를 사용하는데 이해가 되실 것 같습니다. 개념을 알고계신다 전제하에 이번포스팅을 하도록 할게요. 👉 let , const 공통점 1. 블록레벨스코프(block-level-scope) if(true){ let name = '카카오 어피치' console.log(name) } if 블록안에 변수 let을 선언해주었습니다 콘솔에 제대로 찍히는 걸 확인할 수 있습니다 블록 밖에서 콘솔을 찍어볼까요 ? if(true){ let name = '카카오 어피치' } console.log(name) 엇 아무것도 나오지않죠.. 이로써 확인 할 수 있는게 변수가 블록안에서만 값이 유효하다 라는걸 알수있습니다 2. 재선언 불가. var 의 경우에는 재선..