본문 바로가기
반응형

📍 Front-End/🜸 JavaScript24

자바스크립트 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.
자바스크립트에서 정규식으로 IPv6 유효성 검사 이건 솔직히 기억 못해도 인정 부탁 .. ㅠ 필요할때마다 긁어쓰자! export const isIPv6AddressValid = (value: string) => { return /((^\s*((([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]))\s*$)|(^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A.. 2023. 1. 13.
반응형