일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- node.js
- nodejs
- ES6
- CLONE
- react
- clonecoding
- javscript
- DART
- heroku
- graphQL
- frontend
- Mongoose
- NextJs
- backend
- API
- 리액트
- TypeScript
- MongoDB
- 자바스크립트
- form
- Session
- Component
- pug
- ECMAScript
- CSS
- Flutter
- JavaScript
- GRID
- HTML
- express
- Today
- Total
Enjoy Programming
[ES] Array flat && Array sort 본문
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/flat
Array.flay() 메서드는 모든 하위 배열 요소를 지정한 깊이까지 재귀적으로 이어붙인 새로운 배열을 생성한다.
구문
const newArr = arr.flat([depth]);
depth는 중첩 배열 구조를 평탄화할때 사용할 값, 기본값은 1이다. 반환 값은 하위 배열을 이어붙인 새로운 배열
depth의 기본값은 1이고 infinity까지 지정이 가능하다... 그냥 다 플랫화 시키고 싶으면 infinity로 지정해주면 된다.
한가지더 [1,2,3,,4,,,5] 이런 배열이 있다면 배열의 빈구멍도 제거해 주는 역할도 한다고 한다.
갑자기... tensor가 생각난다.. vector... matrix tensor... 아오 파이썬배울때 다차원 배열.. 상당히 머리가 아팠다. 그래도 재미있었는데... 언젠가 tensor도 다시 공부해보고 ~ 머신러닝도 다시 공부해보자...수학적 지식좀 키우고.. ㅎㅎ
아무튼 대단히 유용한 메서드이다. 내가 원하는 값을 깊이를 조정해서 쉽게 확인할 수 있다.
이제 Array sort를 보자
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
Array.sort()메서드는 배열의 요소를 적절한 위치에 정렬한 후 그배열을 반환한다.
정렬은 stable.sort가 아닐 수 있다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따른다.
아.. 오늘 포스팅이 많아.. 귀찮아진다.. ㅎㅎㅎ 그래도 잘 읽어보자~ 좀 헷갈릴 수도 있다. 교차정렬 비교정렬 뭐 이런거 있는데
compare sort를 나타낸다.
한가지 주의할점은 compare 함수를 만들어서 sort()에 적용시키면~ 기존값의 순서를 변화시킬 수 있다. 이점은 주의하자.
'JavaScript > Vanilla Js' 카테고리의 다른 글
Css variable 을 select해서 자바스크립트 적용하기 (0) | 2021.07.22 |
---|---|
[ES] Promise allSettled (0) | 2021.07.07 |
[ES] Object entries, Object values, Object fromEntries (0) | 2021.07.07 |
[ES] trim, trimStart, trimEnd (0) | 2021.07.07 |
[ES] padStart and padEnd (0) | 2021.07.07 |