Ant-design: ν…μŠ€νŠΈ 길이 λ˜λŠ” μ•ŒνŒŒλ²³μˆœμœΌλ‘œ ν…Œμ΄λΈ” μ •λ ¬?

에 λ§Œλ“  2016λ…„ 05μ›” 20일  Β·  10μ½”λ©˜νŠΈ  Β·  좜처: ant-design/ant-design

ν…Œμ΄λΈ” μ •λ ¬κΈ°λŠ” μ•ŒνŒŒλ²³μˆœμ΄ μ•„λ‹Œ κΈΈμ΄λ³„λ‘œ ν…μŠ€νŠΈ λ¬Έμžμ—΄μ„ μ •λ ¬ν•©λ‹ˆλ‹€. λ‚˜λŠ” 이것이 μ€‘κ΅­μ–΄λ‘œ μ–΄λ–»κ²Œ λ˜λŠ”μ§€ λͺ¨λ₯΄μ§€λ§Œ 유둜 아메리카 κ΅­κ°€μ—μ„œλŠ” ν…μŠ€νŠΈ 정렬이 μ•ŒνŒŒλ²³μˆœμœΌλ‘œ μˆ˜ν–‰λ©λ‹ˆλ‹€.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

JavaScript String#localeCompare ν•¨μˆ˜λ₯Ό μ‚¬μš©ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.

λΆ„λ₯˜κΈ°: (a, b) => { return a.title.localeCompare(b.title)},

λͺ¨λ“  10 λŒ“κΈ€

[{
  title: 'age',
  dataIndex: 'age',
  sorter: (a, b) => a.age - b.age,
}]

κ³ μœ ν•œ μ •λ ¬ μ•Œκ³ λ¦¬μ¦˜μ„ 지정할 수 μžˆμŠ΅λ‹ˆλ‹€. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

alpgavite별 μ •λ ¬:
function compareByAlph (a, b) { if (a > b) { return -1; } if (a < b) { return 1; } return 0; } ... sorter: (a, b) => compareByAlph(a.lastName, b.lastName),

JavaScript String#localeCompare ν•¨μˆ˜λ₯Ό μ‚¬μš©ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.

λΆ„λ₯˜κΈ°: (a, b) => { return a.title.localeCompare(b.title)},

이 μ˜λ¦¬ν•œ μ†”λ£¨μ…˜μ„ μœ„ν•œ thx @Leong21

λ‚˜λŠ” μ—¬μ „νžˆ λ‚ μ§œλ₯Ό μ‚¬μš©ν•˜μ—¬ 열을 μ •λ ¬ν•˜λŠ” 방법을 μ•Œ 수 μ—†μŠ΅λ‹ˆλ‹€. λ‚˜λŠ” λ‹€μŒκ³Ό 같은 μΌμ„ν•˜κ³ μžˆλ‹€ :

        sorter: (a, b) => {
          let dateA = !a.publishedAt
            ? new Date().getTime()
            : new Date(a.publishedAt).getTime();

          let dateB = !b.publishedAt
            ? new Date().getTime()
            : new Date(b.publishedAt).getTime();

          return [dateA, dateB].sort();
        }

κ·ΈλŸ¬λ‚˜ 이것은 μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. publishedAt λŠ” ""μ΄κ±°λ‚˜ "2017λ…„ 5μ›” 21일" λ˜λŠ” "2017λ…„ 5μ›” 21일 μ˜€ν›„ 3:05"와 같은 λ‚ μ§œμΌ 수 μžˆμŠ΅λ‹ˆλ‹€.

@ghoshnirmalya κ°€λŠ₯ν•˜λ©΄

λΆ„λ₯˜κΈ°: (a, b) => { return moment(a.publishedAt).unix() - moment(b.publishedAt).unix()}

publishedAt == ""인 상황을 μ²˜λ¦¬ν•˜λ €λ©΄ λ‹€μŒμ„ μ‹œλ„ν•˜μ‹­μ‹œμ˜€.
λΆ„λ₯˜κΈ°: (a, b) => { return moment(a.publishedAt || 0).unix() - moment(b.publishedAt || 0).unix() }

@Leong21 κ°μ‚¬ν•©λ‹ˆλ‹€! μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν•©λ‹ˆλ‹€.

μž˜ν–ˆμ–΄ @ leong21
μ‹€μ œλ‘œ localeCompare() λ©”μ„œλ“œλŠ” ν˜„μž¬ 둜캘의 두 λ¬Έμžμ—΄μ„ λΉ„κ΅ν•©λ‹ˆλ‹€.
그리고 더 쒋을 것이닀
λΆ„λ₯˜κΈ°: (a, b) => { return a.title.localeCompare(b.title)},

@Leong21 κ°μ‚¬ν•©λ‹ˆλ‹€! 이것은 μ—¬κΈ°μ—μ„œ μ„€λͺ…ν•˜κ±°λ‚˜ μ–ΈκΈ‰ν•΄μ•Ό ν•©λ‹ˆλ‹€: https://vue.ant.design/components/table/

λ‹€μŒκ³Ό 같은 μ†”λ£¨μ…˜λ„ μžˆμŠ΅λ‹ˆλ‹€. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Collator/Collator

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰