본문 바로가기
반응형

📍 Front-End/🜸 JavaScript25

parseInt()와 Number()의 차이 자바스크립트에서 parseInt()와 Number()는 문자열을 숫자로 변환하는 데 사용하는 메소드인데차이점이 뭘까? parseInt()// parseInt() 예제console.log(parseInt('123')); // 123 (기본 10진수로 파싱)console.log(parseInt('123', 10)); // 123 (10진수로 파싱)console.log(parseInt('1010', 2)); // 10 (2진수로 파싱)console.log(parseInt('123abc')); // 123 (숫자가 아닌 문자가 나오기 전까지 파싱)console.log(parseInt('abc123')); // NaN (숫자로 시작하지 않으면 NaN)- 문자열을 숫.. 2024. 7. 14.
자바스크립트 object 특정 값 삭제하기 (delete 연산자, 깊은 복사, 비구조화 할당) 1. delete 연산자 이용하기 let obj = {a:0, b:1, c:2} delete obj.a; console.log(obj); 위 방법을 사용하면 객체에서 특정값만 삭제는 가능하지만 완전 삭제가 아닌 특정값이 삭제된 또 다른 object가 필요할 때가 있다. 2. 깊은 복사 후 delete 연산자 이용하기 let obj = {a:0, b:1, c:2} let copy = JSON.parse(JSON.stringify(obj)); delete copy.a; console.log(copy); 이 경우에 obj를 깊은 복사 후에 delete 하면 특정값이 삭제된 새로운 오브젝트를 만들 수 있다 (깊은 복사에는 여러 방법이 있는데 위 예제는 JSON 객체를 이용해서 깊은 복사를 했다) 3. 비구조화 .. 2023. 5. 23.
day.js (Javascript 날짜 라이브러리) 사용법 날짜 라이브러리로 많이 쓰이는 moment.js 보다 약 33배나 가벼운 day.js 라이브러리 사용법에 대해 포스팅해보겠습니다 ✔️ 설치 dayjs 2KB immutable date time library alternative to Moment.js with the same modern API . Latest version: 1.11.7, last published: 5 months ago. Start using dayjs in your project by running `npm i dayjs`. There are 11592 other projects in the npm registry using d www.npmjs.com npm i dayjs --save // npm 사용할때 yarn add day.. 2023. 5. 16.
Javascript | 2차원 배열을 1차원 배열로 만들기 배열 다루기는 재밌으면서 어렵다.. 1. reduce를 이용하기 const arr = [[1,2],[3,4],[5,6]] const temp = arr.reduce((acc,cur)=> { return acc.concat(cur); },[]) // 초기값 [] 세팅 ); console.log(temp) //[1,2,3,4,5,6] 먼저 reduce를 이용해서 2차원 배열을 1차원 배열로 만들어보았다. 여기서 중요한 포인트는 arr 변수가 빈 배열인 경우도 있으니 reduce에 초기값을 넣어줘야 한다는 것이다. 난 reduce 함수가 아직 익숙하지 않아서.. 이걸 빼먹었다 그래서 아래와 같은 에러가 발생했는데 reduce of empty array with no initial value 초기값을 세팅해주고.. 2023. 1. 16.
반응형