공유하고 싶은 편리한 JS 스니펫이 있습니까?

매우 간단합니다. 유용한 작업을 수행하는 한두 줄의 JavaScript를 찾고 있습니다.

공을 굴리고 몇 가지 예부터 시작하겠습니다.

어레이 확산을 통한 얕은 어레이 복제.

const originalArray = [1, 2, 3];
const shallowArrayClone = [...originalArray];

Array.protoype.slice를 통한 얕은 어레이 복제.

const originalArray = [1, 2, 3];
const shallowArrayClone = originalArray.slice();

닉 테일러









그냥 할 수 있습니다 const new array = this.props.slice().sort()


오전 04:27 - 2017년 9월 15일

개체 확산을 통한 개체의 얕은 복제.

const originalObject = { a:1, b: 2, c: 3 };
const shallowObjectClone = {...originalObject};

하나의 속성이 재정의된 개체 확산을 통한 개체의 얕은 복제.

const originalObject = { a:1, b: 2, c: 3 };
const shallowObjectClone = {...originalObject, c: 45 };

Set를 사용하여 배열의 고유한 값을 가져옵니다.

const arrayWithDuplicateValues = [1, 2, 3, 3, 1, 5];
const uniqueArray = Array.from(new Set(arrayWithDuplicateValues);

또는

const arrayWithDuplicateValues = [1, 2, 3, 3, 1, 5];
const uniqueArray = [...new Set(arrayWithDuplicateValues)];

두 배열의 값이 같은지 확인합니다(정렬되지 않은 기본 값).

const a = [1, 2, 3];
const b = [2, 3, 4];

const uniques = new Set(a.concat(b));
const haveSameValues = uniques.length === a.length // or uniques.length === b.length;

ES 스프레드 연산자와 Array.prototype.concat을 사용하여 배열을 평면화합니다. Jonathan Z. White의 훌륭한 팁 관리.

조나단 Z. 화이트


@jonathanzwhite






TIL concat 및 ES6 스프레드 연산자를 사용하여 다차원 배열을 평면화할 수 있습니다 ☀️


오전 03:47 - 2018년 4월 16일

const arrayToFlatten = [ [1,2,3], [4,5,6], [7,8,9] ];
const flattenedArray = [].concat(...arrayToFlatten);

위의 2020 업데이트는

[ [1,2,3], [4,5,6], [7,8,9] ].flatMap(x=>x)

그리고 가!

Flickr 사용자의 표지 이미지 관리Wayne Grivell .