본문 바로가기

코딩일기/React-Native15

[ES6 기초] Arrow function Arrow Function 이건 우리가 react 하면서 자주 봤던건데 =>를 사용하는것이다. 간단하게 소스를 통해서 확인해보자. let arr = [1,2,3,4,5] let arr2 = arr.map(v=>v*2); console.log(arr2); 결과 (5) [2, 4, 6, 8, 10] 이렇게 된다. 일단 위소스에서 map이란 함수는 javascript에서 배열안에 내재되어 있는 함수인대 해당 함수는 배열 내의 모든 요소에 접근해서 해당 요소에 대한 함수를 호출하고 호출한 배열 요소 결과를 모아 배열로 리턴하는것이다. 위와 같은 경우로 봤을땐 각각의 배열 요소 안에 접근에 *2를 시키는 함수를 호출해 그 결과들을 모아 배열로 반환한것이다. 위소스를 함수 모양으로 바꾸게 되면 아래와 같다. ex).. 2021. 5. 11.
[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.