본문 바로가기

JavsScript59

전개구문 Spread syntax : 배열 전개구문 Spread syntax : 배열 let arr1 =[1,2,3]; let arr2 =[4,5,6]; let result =[...arr1, ...arr2]; console.log(result); 전개구문 : 객체 let user ={name: 'Mike'} let mike={...user, age:30} console.log(mike) //{name:"Mike", age:30} 전개구문 : 복제 let arr=[1,2,3]; let arr2=[...arr]; //[1,2,3] let user ={name : 'mike', age:30}; let user2={...user}; user2.name="tom"; console.log(user.name); //"mike" console.log(user.. 2022. 2. 24.
나머지 매개변수 Rest Parameter 전개 구문 Rest parameter 나머지 매개 변수 인수 전달... 인수 전달하는데 개수 제한 없음 argument 는 함수로 넘어온 모든 인수에 접근, 함수내에서 이용가능한 지역변수, length/index, 배열의 내장 메서드 없음(forEach, map은 사용 불가) funtion showName(name) { console.log(arguments.length); console.log(arguments[0]); console.log(arguments[1]); } showName('Mike','Tom'); //2,'Mike','tom' 출력 Rest parameter나머지 매개변수 function showName(...names){ console.log(names); } showName(); /.. 2022. 2. 24.
Destructuring assignment 구조 분해 할당 구문 Destructuring assignment(파괴하다, 배치를 ) 구조 분해 할당 구문 ;배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 let [x,y] =[1,2]; console.log (x); console.log(y); ******************* let users =['mike','tom','jane']; let [user1, user2, user3] =users; console.log(user2); // 'tom' 출력 저 배열 구문을 풀어 쓰면 이 내용과 같다. let user1=users[0]; let user2=users[1]; let user3=users[2]; ex) let str ="tom-mike-jane"; let [user1,user2,use.. 2022. 2. 24.
배열 합치기 reduce /************************ arr.reduce() /****************************** //배열의 모든 수 합치기 //for, for of, forEach let arr=[1,2,3,4,5,6,7]; let result =0; arr.forEach((num) => { result +=num; }); console.log(result); //출력 ; 28 //************************8 arr.reduce() 인수로 함수를 받는다 (누적 계산값, 현재값) => {return 계산값} ; /****************************** let arr=[1,2,3,4,5,6,7]; const result = arr.reduce((prev,cur.. 2022. 2. 20.