Javascript의 정렬 작업

6440 단어 JavaScript
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을 보면 됩니다

좋은 웹페이지 즐겨찾기