ES6-Spread operator >spread oprator? 펼침 연산자라 생각하면 된다. //spread operator, 펼침 연산자. let pre = ["apple", "orange",100]; let newData = [...pre]; console.log(pre === newData); ->false >spread oprator의 활용 //spread operator, 펼침 연산자. let pre = [100,200,"hello",null]; let newData = [0,1,2,3,...pre,4];예전같으면 배열의 인덱스 확인하고, 자르고, 넣고하는 과정들이 있었을 것이다.이를생각하면 정말 간편해진 것이다.!! function sum(a,b,c) { return a+b+c; }..
ES6-for of 순회하기 >es6 에 새로 나온 배열을 순회하는 for of에 대하여 알아보자. //1.foreach var data = [1,2,undefined,NaN,null,""] //foreach로도 순회하여 값을 알 수 있음. data.forEach(function(value){ console.log(value); }) //2.for in //for in은 문제점이 자기자신이 갖고있지 않은 상위에 있는 추가된 값 까지도 표현하여 나타남 for(let idx in data){ console.log(data[idx]) } //로 찍어 주면 function(){}도 콘솔에 찍힘. ->잘못됨 ex) Array.prototype.getIndex =function(){}; 라고 추가해주면, for(l..
ES2015 string에 새로운 메서드들 //hello로 시작하는지를 어떻게 확인 할까? let str = "hello world ! ^^~~"; let matchstr = "hello"; let matchstr = "~~"; //1.시작하는 문자열 검사 console.log(str.startsWith(matchstr)); //2.끝나는 문자열 검사 console.log(str.endsWith(matchstr)); //3.문자열 포함여부 검사 console.log(str.includes("world")); ->모든 결과값: truehttp://takeuu.tistory.com/102 에 들어가보면, es6에 새로 추가된 배열관련 메서드들이나, 기존의 스트링,배열관련 메서드들을 확인할 수 있다.
let과 closurevar list = document.querySelectorAll("li"); for(var i=0;i 오류 console.log(homename); } home();배열 역시도 동일하다.const를 기본으로 사용하는것이 전략, 그런데 변경이 될 수 있는 변수는 let을 사용한다.var는 사용하지 않는다. immutable arrayfunction home(){ const list =["apple","orange","watermelon"]; list.push("banana"); console.log(list); } home();위와 같이 const를 써도 수정이 가능하다.const를 사용하더라도 배열과 오브젝트와 값을 변경하는 것은 가능하다.const는 불변을 의미하는것은 아..
ES6es6 === es2015개선된 javascript 문법이다.es6 browser compatibility의 훌륭한 지원. (호환성이 훌륭하다)es6를 기반으로한 javascript 생태계의 확산.https://kangax.github.io/compat-table/es6/ 지원되는 브라우저 확인 urlbabel을 통해 es5로 바꿀수 있다.letes6전에서는 function단위의 scope만 존재했었음. 함수단위이므로 아래는 지역변수값을 먼저 체크하고, 그다음은 전역변수를 체크한다. var name = "global var"; function home() { var homevar = "homevar"; for(var i=0;i