분류 전체보기

[JavaScript][clean-code] 유사 배열 객체

* 유사 배열 객체 [유사배열에 대해서 참고] https://latte1114.tistory.com/478 const arrayLikeObject = { 0: 'Hello', 1: 'World', length: 2, }; 해당 객체는 배열을 흉내낸것처럼 보이지만 Array.isArray로 확인하였을때 false라는 명확한 결과가 나온다. Array.from() 내장메서드를 활용하면 이러한 유사 배열 객체들을 배열로 변환해줄 수 있다. const arr = Array.from(arrayLikeObject); console.log(arr); // ['Hello', 'World']; console.log(Array.isArray(arr)); // true; console.log(Array.isArray(arr..

[JavaScript][clean-code] 배열 요소에 접근하기(구조 분해 할당)

* 배열 요소에 접근하기 - 배열에 있는 하나하나의 단위들을 요소라고 한다. * 배열 요소 접근 예시 const array = [1, 2, 3] function operateTime(input, operators, is) { inputs[0].split('').forEach((num) => { cy.get('.digit').contains(num).click(); }); inputs[1].split('').forEach((num) => { cy.get('.digit').contains(num).click(); }); } 배열의 요소를 index번호 [0], [1]으로 출력을 하고있어서 어떤요소가 담겨있는지 예측이 되지 않는다. 가독성이 떨어진다. 배열 요소에 좀 더 명확하게 접근할 필요성이 있다. * 구..

[JavaScript][clean-code] Array.length

* Array.length - 배열의 길이는 실무 혹은 간단한코드에서 많이 사용된다. ex) if문, 리액트 등등 * Array.length (if문 예시) const arr = [1, 2, 3]; if (arr.length를 이용한 조건 검색) { // ... some code } * Array.length (리액트 예시) const arr = [1, 2, 3]; arr.length > 10 && arr.map((el) => {el} * JavaScript array의 구멍 const arr = [1, 2, 3]; console.log(arr.length); // 3 arr.length = 10; console.log(arr.length); 10 // arr을 찍어보면 아래와 같이 출력된다. arr [..

[JavaScript][clean-code] JavaScript의 배열은 객체이다.

* JavaScript의 배열은 객체이다. - 자바스크립트의 배열을 객체스러운면이 많고 객체처럼 취급될 때가 많다. 따라서 사용에 주의를 해주어야한다. * 배열 확인 방법 - Array.isArray(검사할 요소); const arr = [1, 2, 3]; console.log(Array.isArray(arr)); // true const arr = '[1, 2, 3]'; console.log(Array.isArray(arr)); // false

[JavaScript][clean-code] 드 모르간의 법칙

* 드 모르간의 법칙 const isValidUser = true; // 서버에서 넘어온 값 const isValidToken = true; // 서버에서 넘어온 값 if (isValidToken && isValidUser) { console.log('로그인 성공!'); } 만약 '로그인 실패'를 만들거면?? 그럼 기본 로직이나 플래그 값을 활용할 수 밖에 없다. 왜냐면 해당 값들은 서버에서 받아온 값들이기 때문에 해당 코드는 실제로 유저와 소통하고 있는 코드이기 때문이고 검증된 코드이기 때문에 해당 코드를 활용해야함 const isValidUser = false; const isValidToken = false; // if (!(A && B)) { // 성공 // } // 위 아래의 경우는 동일하다. ..

[JavaScript][clean-code] Nullish coalescing operator

* Nullish coalescing operator(Null 병합 연산자) (비교적 최근문법 예전에 나온 레거시형 브라우저에서는 돌아가지 않을 수 있다.) function createElement(type, height, width) { const element = document.createElement(type || 'div'); element.style.height = String(height || 10) + 'px'; element.style.width = String(width || 10) + 'px'; return element; } - 만약 width와 height값을 0이라는 값을 주게 된다면? const el = createElement('div', 0, 0); el.style.heig..