[JavaScript] Sort ข้อมูลใน Object ทำยังไง?

1
const items = [
2
  { name: 'Edward', value: 21 },
3
  { name: 'Sharpe', value: 37 },
4
  { name: 'And', value: 45 },
5
  { name: 'The', value: -12 },
6
  { name: 'Magnetic', value: 13 },
7
  { name: 'Zeros', value: 37 }
8
]

1
items.sort((a, b) => a.value - b.value)

1
items.sort((a, b) => {
2
  const nameA = a.name.toUpperCase() // ignore upper and lowercase
3
  const nameB = b.name.toUpperCase() // ignore upper and lowercase
4

5
  if (nameA < nameB) {
6
    return -1
7
  }
8
  if (nameA > nameB) {
9
    return 1
10
  }
11

12
  // names must be equal
13
  return 0
14
})

1
const createCompareFn = (direction = 'ASC') => {
2
  return (a, b) => {
3
    if (direction === 'ASC') {
4
      return a.value - b.value
5
    } else if (direction === 'DESC') {
6
      return b.value - a.value
7
    }
8
  }
9
}

1
const sortByDesc = createCompareFn('DESC')
2
const sortBy = createCompareFn()
3

4
// เวชา sort ก็เรียก
5
items.sort(sortByDesc)
6
items.sort(sortBy)

1
const createCompareFn = (direction = 'ASC') => {
2
  return (a, b) => {
3
    const nameA = a.name.toUpperCase() // ignore upper and lowercase
4
    const nameB = b.name.toUpperCase() // ignore upper and lowercase
5
    if (nameA < nameB) {
6
      return -1
7
    }
8
    if (nameA > nameB) {
9
      return 1
10
    }
11

12
    return 0
13
  }
14
}

1
const sortByName = createCompareFn()
2

3
items.sort(sortByName)

1
const createCompareFn = (key, direction = 'ASC') => {
2
  const isString = typeof a[key] === 'string' && typeof b[key] === 'string'
3

4
  if (isString) {
5
    // logic compare string
6
  } else {
7
    // logic compare number
8
  }
9
}

1
const nameA = a.name.toUpperCase() // ignore upper and lowercase
2
const nameB = b.name.toUpperCase() // ignore upper and lowercase
3

4
if (direction === 'ASC') {
5
  if (nameA < nameB) {
6
    return -1
7
  }
8
  if (nameA > nameB) {
9
    return 1
10
  }
11
  return 0
12
} else {
13
  if (nameA < nameB) {
14
    return 1
15
  }
16
  if (nameA > nameB) {
17
    return -1
18
  }
19
  return 0
20
}
21
``
22

23
เราใช้เป็น ค่าๆ นึงขึ้นมา เพื่อให้เป็น เครื่องหมายตรงข้าม นั่นก็คือ 1 และ -1 แบบนี้
24

25
```js
26
const directionValue = direction === 'ASC' ? 1 : -1

1
const createCompareFn = (key, direction = 'ASC') => {
2
  return (a, b) => {
3
    const isString = typeof a[key] === 'string' && typeof b[key] === 'string'
4
    const directionValue = direction === 'ASC' ? 1 : -1
5

6
    if (isString) {
7
      const A = a[key].toUpperCase()
8
      const B = b[key].toUpperCase()
9

10
      if (A < B) return -1 * directionValue
11
      if (A > B) return 1 * directionValue
12
      return 0
13
    } else {
14
      return (a[key] - b[key]) * directionValue
15
    }
16
  }
17
}

1
const sortByName = createCompareFn('name')
2
const sortByNameDesc = createCompareFn('name', 'DESC')
3
const sortByValue = createCompareFn('value')
4

5
items.sort(sortByName)
6
items.sort(sortByNameDesc)