본문 바로가기
반응형

개발/Javascript41

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.
얕은 복사와 깊은 복사 원시값과 참조값 원시값은 변경할 수 없다. (변수를 변경할 수 없다는 것이 아니다.) 그렇기 때문에 원시값을 할당한 변수를 재할당하면 새로운 메모리 공간에 새로운 값을 재할당한다. 하지만 참조값은 메모리 공간의 주소를 가리킨다. 이 주소를 참조값이라고 하는데 이 참조값에 접근하여 객체에 접근하는 방식이다. 같은 참조를 공유하는 객체들은 1개 이상일 수 있고, 같은 참조를 공유하는 객체들은 서로 사이드이팩트를 일으킬 수 있따. 얕은 복사 복사를 새로운 메모리 공간을 만드는 것이라고 정의했을때, 얕은 복사는 1depth까지만 복사를 한다는 뜻이다. 즉, 2depth부터는 같은 참조를 가리키기 때문에 사이드이펙트가 일어난다. 전개구문을 이용하여 얕은복사를 할 수 있다. const a = {name:'j',a:.. 2021. 8. 7.
반응형

티스토리툴바