본문 바로가기

웹/JavaScript28

object type 객체란? 객체(object) 하나의 데이터 형태이지만 여러 개의 데이터를 표현할 수 있는 자료형이다. {} 형태는 중괄호로 데이터를 담을 수 있다. 객체 생성하는 두 가지 방법 const obj = {};//중괄호로 생성 const obj2 = new Object();//클래스 템플릿 이용해 생성 중괄호만 쓰게 되면 할당된 데이터는 비어있는 객체 데이터를 가지고 있다. object literal : 중괄호로 생성된 객체 object constructor : 클래스 템플릿을 이용한 객체 객체의 구성 const obj = {key:value}; key: 키 value: 값 두 개를 묶어서 속성(property)라고 한다. //사람 이름, 나이 let person = ['kim', 22]; console.log(per.. 2021. 1. 6.
ES6 배열. spread operator 펼침연산자 ...arr, Array.from 펼침연산자 ... 배열을 펼쳐서 복사할 수 있는 녀석으로 기존 데이터의 참조를 끊고, 새로운 메모리에 새로운 데이터가 들어가게 된다. const arr = [1, 2, 3, 4]; const spreadOperator = [...arr]; console.log(spreadOperator); //[1,2,3,4] console.log(arr === spreadOperator);//false spreadOperator은 arr을 복사한 것으로 값은 동일하지만 동등한지 비교하면 false를 리턴하게 된다. 예) const arr = [1, 2, 3, 4]; console.log(arr);//[1,2,3,4] console.log(...arr); //1,2,3,4 console.log([...arr]); // .. 2021. 1. 4.
ES6 이터레이터(iterator) for of, for in 차이점 데이터를 순회하는 역할을 하는 이터레이터(iterator) for of와 for in은 어떤 차이점이 있는지 알아보자. ES6 이전 for문을 아래와 같이 사용했을 것이다. for (var i=0; i < data.length; i++) { console.log(data[i]); } ES5 이후엔 forEach문을을 사용할 수 있게 되었다. myArr.forEach(function (value) { console.log(value); }); forEach문의 단점은 break문을 사용해 루프를 중단하거나 return을 사용해 함수를 빠져나올 수 없다는 것이다. 웬만하면 for in 루프는 쓰지 말자. for (var idx in myArr) { console.log(myArray[idx]); } 사용하지.. 2021. 1. 3.
es6에서 추가된 string 메소드들 let str = 'hello world'; let stmsg = 'hello'; let endmsg = 'world'; console.log(str.startsWith(stmsg)); //true console.log(str.endsWith(endmsg)); //true console.log(str.includes("world")); //true startsWith 비교하는 문자열에서 시작 string이 동일한지 비교 일치하면 true 반환 일치하지 않으면 false 반환 endsWith 비교하는 문자열에서 끝 string이 동일한지 비교 일치하면 true 반환 일치하지 않으면 false 반환 includes 문자열이 포함되어 있는지 동일한지 비교 일치하면 true 반환 일치하지 않으면 false 반환 2021. 1. 2.
헷갈리는 var, let 차이. 쉽게 한 줄 요약 스코프가 다르다. var은 함수 () 단위 스코프 let은 중괄호 {} 단위 스코프 function jsWeb(){ { var = 1; } console.log(a); } jsWeb(); //console에 찍히는 값 : 1 var로 선언할 때 console값은 1이 찍힘 function jsWeb(){ { let = 1; } console.log(a); } jsWeb(); //console 값에 오류가 찍힘 console에서 오류 메시지가 나오는 이유는 let의 스코프는 함수()가 아니라 {}중괄호이기 때문 hoisting, let, const, var에 대해 보다 자세히 설명되어 있으니 좀더 궁금하면 아래 내용을 참고해보자. 2020/08/25 - [웹/JavaScript] - var let cons.. 2021. 1. 1.
javascript arrow function 화살표 함수 arrow function는 es6에서 사용하는 함수로 function 키워드 대신 화살표(=>)를 쓸 수 있다. 화살표 함수는 익명 함수(anonymous function)일 때 사용할 수 있다. 함수 표현식(function expression) //BEFORE hello = function() { return "Hello World!"; } //AFTER(arrow function) hello = () => { return "Hello World"; } hello = () => {return "Hello World";} //AFTER 매개변수가 하나일 경우 개행, {}브라캣, return 키워드 생략 가능 hello = () => "Hello World"; //es6이전 함수 function hell.. 2020. 8. 28.

티스토리툴바