본문 바로가기
반응형

개발/Javascript42

JS, 구조분해할당 구조 분해 할당 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JS표현식이다. 배열 구조 분해 rest문법을 이용하여 배열의 나머지를 변수에 할당하기 rest문법은 파라미터 개수가 가변적일때 파라미터를 배열의 형태로 받아서 사용할 수 있다. let a,b, rest; [a,b] = [10,20]; console.log(a) // 10 console.log(b) // 20 [a,b, ...rest] = [10,20,30,40,50] console.log(rest) /// [30,40,50] 구조 분해 할당을 이용하면 쉽게 데이터 뭉치를 만들 수 있다. let x = [1,2,3,4,5] let [y,z] = x; console.log(y) // 1 cons.. 2021. 8. 14.
JS 배열 합치는 3가지 방법 배열 합치는 3가지 방법 concat() 메서드 ...spread operator(전개연산자) push() 1. concat() 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다. 기존 배열을 변경하지 않고 새로운 배열을 반환한다. const array1 = ['a', 'b', 'c']; const array2 = ['d', 'e', 'f']; const array3 = array1.concat(array2); console.log(array3); // expected output: Array ["a", "b", "c", "d", "e", "f"] concat은 호출한 배열 뒤에 각 인수를 순서대로 붙여 새로운 배열을 만든다. 인수가 배열이면 그 구성요소가 순서대로 붙고, 배열이 아니.. 2021. 8. 11.
JS : 배열과 유사배열 배열과 유사배열 유사배열: []로 감싸져있지만 배열이 아닌것들. 배열의 메서드를 활용할 수 없다. ex) forEach를 사용하면 에러가 난다. 위의 콘솔창에서 els는 배열이 아니다. 때문에 forEach메서드를 활용할 수 없다. 유사배열에서 배열의 메서드를 사용하고 싶을때는 어떻게 해야할까?? Array.from을 이용하여 유사배열을 얕게 복사해 새로운 배열을 만든다. 배열 프로토타입에서 forEach메서드를 빌려온다. 1. Array.from 이용 Array.from은 유사배열을 새로운 배열로 만들어주는 메서드이다. 다음과 같은 HTML의 경우를 생각해보자. blue green red 유사배열인 상태로 forEach를 활용 const els = document.body.children // body.. 2021. 8. 9.
js : break, continue 반복문에서 필요한 경우 마지막 까지 실행하지 않고 바로 빠져나오거나 다음 단계를 위해 건너뛰어야 할 경우가 있다. 1. break 중간에 반복문을 중단하고 빠져나온다. 다음은 x가 1씩 증가하다가 5가 되었을때 반복문을 빠져나오는 코드이다. let x = 1 while(1)//무한르푸 { if(x===5)//x가 5일때 반복문 종료 { break } x++ console.log(x) } //실행결과 //2 //3 //4 //5 2. continue continue를 만나면 아래를 실행하지 않고 반복문의 다음단계를 실행한다. x가 5가 되면 밑의 console.log(x)를 실행하지 않고 바로 다음으로 넘어가는 코드이다. let x = 1; while(x 2021. 8. 7.
반응형