본문 바로가기

Wook's 개척일기234

[ES6 기초] spread operator spread operator 함수의 매개변수인자로 배열을 넣을수가 있는데 배열의 요소에는 접근이 불가능하다. ex) function sum(x,y,z){ return x+y+z; } console.log(sum(1,2,3)); let arr = [10,20,30]; console.log(sum(arr)); 결과 6 10,20,30undefinedundefined 위처럼 배열은 이상한 값이 출력이 된다. 그래서 함수의 매개변수로 받은 배열의 요소에 접근하기 위해선 apply를 사용해야 한다. ex) console.log(sum.apply(null,arr)); 결과 6 60 하지만 apply는 번거롭다 그래서 우리가 이때 사용할것은 spread operator라는것이다. 이를 사용하는 방법은 매우 간단하다 .. 2021. 5. 10.
[ES6 기초] Rest Operator Rest Operator function printNum(num1, num2){ console.log(num1+" "+num2); } printNum(1,2,3,4,5); 위처럼 실행 하게 되면 출력 되는 값은 1 2 이다. (사실 자바였음 오류남) 하지만 function printNum(num1, num2){ console.log(arguments); } printNum(1,2,3,4,5); 위처럼 하게 되면 하게 되면 결과는 Arguments(5) [1, 2, 3, 4, 5, callee: ƒ, Symbol(Symbol.iterator): ƒ] 이렇게 출력이 된다. ※입력 받는 매개변수를 모두 포함하고 있는 객체를 arguments라고 한다. 즉 위와 같은 상황에서 argument는 1,2,3,4,5.. 2021. 5. 10.
[ES6 기초] for ...of 반복문 for ...of 반복문 let arr = [1,2,3,4,5]; for(let i in arr){ console.log(arr[i]); } 위처럼 하게 되면 i는 arr length 만큼 반복함 그래서 i는 위같은 경우에는 01234 이렇게 증가하게 된다. fo문에 in을 사용하게 되면 arr[i]를 해야지만 배열에 접근이 가능하지만 of를 쓰게 되면 i만 사용해도 접근을 할수 잇다. ex) //for of 반복문 let arr = [1,2,3,4,5]; for(let i of arr){ console.log(i); } 근데 이게 배열에서는 of를 사용해서 출력이 가능하지만 객체와 같은 경우에는 에러가 난다. 그래서 객체는 in을 사용해야 한다. ex) let obj = { a: 1, b: 2, c: .. 2021. 5. 10.
[ES6 기초] 변수 생성 방법 및 String literal 변수 생성 방법 var var로 변수를 만들게되면 같은 변수명으로 변수를 2개 생성하게 되면 오류가 발생하지 않고 가장 뒤에 생성된 값으로 변수를 생성하게 된다. ex) var hello = "world"; var hello = '월드; console.log(hello); 이런식으로 하게 되면 console에서 찍히는것은 '월드' 라는 값이다 let let은 위와 같은 상황을 방지하기 위해서 만든 자료형이다. 이건 같은 변수명으로 변수를 2개이상 만들수가 없다. let과 var를 같이 쓰게 되더라도 같은 변수명이면 오류가 난다. 즉 let으로 변수를 만들게되면 같은 변수명을 사용하게 되면 오류가 난다. 하지만 오류가 안나게 되는 경우가 있는데 둘다 같은 위치 즉 같은 지역안에 있으면 오류가 나는데 서로 .. 2021. 5. 10.

티스토리툴바