notes

#javascript

Case Insensitive Sort2023. 7. 7.

arr.sort((x, y) => x.toLowerCase().localeCompare(y.toLowerCase()))
//                                ^^^^^^^^^^^^^^^ 🤯

arr.sort((x, y) => x.toLowerCase().localeCompare(y.toLowerCase()))
//                                ^^^^^^^^^^^^^^^ 🤯

EcmaScript 업데이트 상황 편하게 보기2023. 6. 21.

http://kangax.github.io/compat-table/es2016plus/

약간 그... caniuse 느낌으로 보여준다. kangax github io_compat-table_es2016plus_

ecmascript javascript

JavaScript 1.2 Reference2023. 6. 15.

나는 분명히 rsc 글을 쓰던 중이었는데
어쩌다보니 초창기 js 코드는 어떻게 생겼었을까 궁금해져서
검색도 해보고 gpt한테 물어도 보고 했는데 적절한 결과를 얻을 수 없었는데
그러다 아 초기 문서를 찾아보면 되겠구나 하는 생각이 들어 찾아보니
JavaScript 1.2 Reference 가 있었다

"10/31/97" ☜ 간지 난다...

wayback machine에 아카이빙된 오리지널 링크도 있었다.

javascript history

Promise.allSettled2020. 10. 23.

모든 promise가 resolve/reject 되기를 기다렸다가 각 promise의 result를 반환한다.

Promise.all과 다른점

promise 중 reject가 있어도 일단 모두 pending 상태를 벗어나길 기다렸다가 결과값을 반환한다.
reject를 따로 하지 않고 반환값을 변경하므로 catch를 타지 않는다.
대신 반환 결과값이 보통의 promise와 다르다. Promise<T>가 아니고 PromiseSettledResult<T>를 반환.
PromiseSettledResult는 아래와 같이 생겼다.

// fullfiled
{
  status: "fullfiled",
  value: T
}

// rejected
{
  status: "rejected",
  reason: any
}

// fullfiled
{
  status: "fullfiled",
  value: T
}

// rejected
{
  status: "rejected",
  reason: any
}

실제로 돌려보면 아래와 같다.

Screen Shot 2020-10-23 at 12 04 57 PM Playground

Ref

Promise.allSettled

typescript javascript

optional destructurering2020. 10. 19.

const { name = {} } = user;

const { name = {} } = user;

typescript javascript

array optional chaining2020. 10. 14.

optionalArray?.[index]

optionalArray?.[index]

conditional spread2020. 10. 8.

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

https://2ality.com/2017/04/conditional-literal-entries.html

Tags