Etc/Performence
-
조건문 성능 비교해보기(if~else, switch-case, 삼항연산자)Etc/Performence 2022. 1. 13. 17:47
조건문 종류 성능비교 테스트 if~else switch-case 삼항연산자 if~else console.time("TEST time"); function condition(value){ let number = "zero"; if(value === 1){ number = "one"; } else if(value === 2){ number = "two" } else if(value === 3){ number = "three" } else if(value === 4){ number = "four" } else if(value === 5){ number = "five" } else if(value === 6){ number = "six" } else if(value === 7){ number = "seven" ..
-
객체 생성, 초기화 성능을 높이는 코드 스타일Etc/Performence 2022. 1. 13. 17:16
배열 형식의 객체 사례 - 배열은 생성자와 리터럴 형식을 사용해서 객체를 생성할 수 있습니다. - 생성방법에는 큰 차이가 없지만, 리터럴 형식을 사용한 경우 다양한 브라우저에서 조금 더 좋은 성능을 보여줍니다. // 배열 생성자를 사용하여 배열 생성 방법 let arr = new Array(); // 리터럴 형식으로 배열 생성 let arr = []; 접근자 [ ], push() 메서드 사용방법 - 접근자 사용의 경우 // 접근자를 사용해서 데이터를 할당했을 경우 경과시간입니다. let arr = []; console.time("TEST Time"); for(let i = 0; i
-
효율적인 for 반복문 사용방법Etc/Performence 2022. 1. 13. 14:39
기존에 자주 사용하는 for 문 사용방식 - 배열의 길이만큼 length property에 반복하여 접근해야합니다. let obj = { user: ["사용자1","사용자2","사용자3","사용자4"] }; for(let i = 0; i < user.length; i++){ console.log(obj.user[i]); // 사용자1~4 차례대로 콘솔에 나옵니다. } 개선방법-1 - length property의 접근 횟수를 최소화하기 위해서 변수를 선언하여서 길이를 대입하는 방법을 사용합니다. let userLength = obj.user.length; for(let i = 0; i < userLength; i++) { console.log(obj.user[i]); // 결과는 동일하게 나옵니다. } ..