Front-End 검색 결과

해당 글 41건
[Javascript ES6] 5. from Method 로 진짜 배열 만들기

from Method 로 진짜 배열 만들기 1234567891011121314// ES6 from method function addMark() { let newData = []; for(let i = 0 ; i ["1!!", "2!!", "3!!", "4!!", "5!!"] JavaScript 내부에 있는 arguments1. 함수에 전달된 인수에 해당하는 Array 형태의 객체이다.2. 해당 객체는 모든 함수 내에서 이용가능한 지역변수이다. 3. 해당 객체는 Array 와 비슷하지만 Array 는 아니다. length 를 제외하고는 Array 속성이 없기 때문이다. 그러나 실제 Array 로 변환될 수 있다. 4. 가변적인 Parameter 가 들어오는 경우 주로 사용한다. (아주 권장되는 패턴은 아..
Front-End/JavaScript 2019. 2. 12. 16:17
[Javascript ES6] 4. spread operator (배열의 복사와 활용)

spread operator (배열의 복사와 활용) -> 펼침 연산자spread 구문을 사용할 경우 배열이나 문자열과 같이 반복가능한 문자를 0개 이상의 인수(함수로 호출할 경우) 또는 요소(배열 리터럴의 경우) 로 확장하여, 0개 이상의 key-value 의 쌍으로 객체를 확장할수 있다. 12345// spread operator let pre = ["apple", "orange", 100];let newData = [...pre];console.log(pre, newData);cs>["apple", "orange", 100]["apple", "orange", 100] 같은 내용이 출력되지만 참조가 같은 것은 아니다. 12345// spread operator let pre = ["apple", "or..
Front-End/JavaScript 2019. 2. 12. 15:19
[Javascript ES6] 3. String 에 새로운 메서드(Method) 와 for of(순회하기)

String 에 새로운 메서드(Method) 1234let str = "hello world ! ^^ ~~";let matchstr = "hello";console.log(str.startWith(matchstr)); Colored by Color Scriptercs startWith : 값을 잘라 대조하는 역할 cf) endWith 123let str = "hello world ! ^^ ~~";let matchstr = "hello";console.log(str.includes(matchstr));cs> true -> 해당 값이 포함되었는지 확인 for of (순회하기)iterator 와 비슷한 역할 1234var data =[1, 2, undefined, NaN, null, ""];data.forEa..
Front-End/JavaScript 2019. 2. 11. 16:29
[Javascript ES6] 2. const

const선언된 변수 지키기 (한번 선언된 변수에 재할당할 수 없는 상수) 1234567function home() { const homename ='my house'; homename = "your house"; console.log(homename);} home();cs error 발생"TypeError: Assignment to constant variable. at home (nucusoneye.js:3:12) at nucusoneye.js:7:1 at https://static.jsbin.com/js/prod/runner-4.1.7.min.js:1:13924 at https://static.jsbin.com/js/prod/runner-4.1.7.min.js:1:10866" => 해당 error ..
Front-End/JavaScript 2019. 2. 7. 15:43
[Javascript ES6] 1. ES6 (let, closure)

JavaScript ES6(ES2015)모던 JavaScript 개발을 위한 ES6 ES6 == ES20151. 개선된 JavaScript 문법으로 ES5 이후 많은 변화가 반영되었다. (신규 syntax 지원, 반복적인 코드 감소)IE 비중이 높은 국내에 비해 해외는 이미 ES6의 점유율이 높다.2. ES6 Browser compatibility 의 훌륭한 지원3. ES6 를 기반으로 하는 JavaScript 생태계의 확산 ES6 이후의 모든 버전에 대한 호환성 확인 참고) https://kangax.github.io/compat-table/es6/ jsBin 에서 개발 참고) https://jsbin.com/?js,console ES6 (let, closure) let 123456789var name..
Front-End/JavaScript 2019. 2. 7. 14:46