Javascript의 정렬 작업
6440 단어 JavaScript
스프레드시트 구문
배열을 확장합니다(정확히 모든 Iterable 값).
단순히 펼치고 싶을 때는 말할 것도 없고, 수조를 복제할 수 있도록 배열을 직접 변경하는 방법도 배열을 바꾸지 않고 사용할 수 있다.
어레이 조합.prototype.콘셉트를 대신할 수도 있고.
const newarray = [value1, ...array, value2];
const copyarray = [...array];
Array
구조기예요.특정 길이의 배열을 할 수 있습니다.
스프레드시트 구문.prototype.fill 등을 통해 초기화하지 않으면 Aray.prototype.맵이 움직이지 않기 때문에 주의해야 합니다.
const newarray = Array(8);
Array.prototype.fill
모든 요소를 지정된 값으로 채웁니다.직접 변경.
시작 위치와 끝 위치를 생략할 수 있으며, 생략할 때는 시작부터 끝까지 생략할 수 있다.
const newarray = [...array].fill( value, start, end );
Array.prototype.reverse
배열의 순서를 반전합니다.직접 변경.
const reversed = [...array].reverse();
Array.prototype.find / Array.prototype.findIndex
조건에 맞는 요소나 요소의 인덱스를 되돌려줍니다.
둘 다 처음부터 스캔해서 조건에 맞는 요소를 최초로 처리한다.
const value = array.find( (element, index, array) => boolean );
const index = array.findIndex( (element, index, array) => boolean );
Array.prototype.filter
find 같애.조건에 맞는 모든 요소로 구성된 새로운 배열을 되돌려줍니다.
const newarray = array.filter( (element, index, array) => boolean );
Array.prototype.join
String.prototype.스플릿과 짝을 이루는 방법입니다.
모든 요소를 하나의 문자열로 통합합니다.
구분자를 지정할 수 있으며, 생략할 때는, (쉼표)를 사용합니다.
빈 문자를 지정하여 구분자 없이 연결할 수 있습니다.
const text = array.join(separator);
String.prototype.split
Array.prototype.주인이랑 짝을 짓는 방법이야.
구분자를 생략하거나 문자열에서 구분자를 찾지 못하면 원소의 그룹을 분리하지 않고 되돌려줍니다.
빈 문자를 지정하면 각 문자가 버스트되지만 사로먼 쌍도 버스트되므로 그림 문자 등이 포함된 경우 주의해야 합니다.
분할 한계 수를 지정할 수도 있습니다.생략된 상황은 무제한이다.
const array = string.split(separator, limit);
Array.prototype.map
모든 요소를 새 그룹으로 변환합니다.
const newarray = array.map( (element, index, array) => value );
Array.prototype.reduce
모든 요소를 변환하고 새 값을 되돌려줍니다
다른 방법은 실질적으로 상급자가 서로 바꾸면 무엇이든지 된다.
const newvalue = array.reduce( (accumulator, element, index, array) => newaccumulator, initialvalue );
끝말
이번 기고문은 리듀스(reduce)의 용도를 몰라 다른 방법을 비교한 계기를 조사했다.
자신이 자주 쓰는 것들을 중심으로 정리한 것이기 때문에 망라가 안 될 수도 있지만, 여러분의 도움을 받을 수 있다면 정말 좋을 것 같습니다.
참고 자료
Array - JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array
어려움이 있으면 MDN을 보면 됩니다
Reference
이 문제에 관하여(Javascript의 정렬 작업), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/37cohina/items/235bb3ff2e6b44b2d060
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Array - JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array
어려움이 있으면 MDN을 보면 됩니다
Reference
이 문제에 관하여(Javascript의 정렬 작업), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/37cohina/items/235bb3ff2e6b44b2d060텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)