programing

자바스크립트로 배열을 쉽게 자르는 방법?

powerit 2023. 10. 5. 23:35
반응형

자바스크립트로 배열을 쉽게 자르는 방법?

Linq는 다음과 같은 편리한 연산자 방법을 가지고 있습니다.Take()어떤 것을 구현할 때 주어진 수의 요소를 반환하는 것.IEnumerable. jQuery에서 어레이와 비슷한 작업을 할 수 있는 것이 있습니까?

아니면 자바스크립트에서 배열을 자를 방법은 무엇입니까?

슬라이스 방식이 있습니다.

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
arr = arr.slice(0, 4);
console.log(arr);

처음 4개 요소를 반환합니다.

다른 값을 삭제하려면 해당 값을 변수에 다시 할당하는 것을 잊지 마십시오.

참고: 이것은 일반 자바스크립트일 뿐이며, jquery는 필요 없습니다.

(2년 후...) 어레이를 잘라내고 싶다면length특성:

var stooges = ["Moe", "Larry", "Shemp", "Curly", "Joe"];
stooges.length = 3; // now stooges is ["Moe", "Larry", "Shemp"]

참고: 현재 길이보다 길이를 할당하면 아래와 같이 정의되지 않은 배열 요소가 추가됩니다.

var stooges = ["Moe", "Larry", "Shemp"];
stooges.length = 5;
alert(typeof stooges[4]); // alerts "undefined"

편집:

아래에 언급된 @twhitehead와 같이 정의되지 않은 요소를 추가하는 것을 방지할 수 있습니다.

var stooges = ["Moe", "Larry", "Shemp"];
stooges.length = Math.min(stooges.length, 5); 
alert(stooges.length)// alerts "3"

자르는 방법(끝에서 요소를 제거하여 배열을 수정)을 묻는 경우 스플라이스를 사용합니다.

var a1 = [2,4,6,8];
var a2 = a1.splice(-2,2); // a1=[2,4], a2=[6,8]

원본을 수정하지 않고 배열의 하위 집합을 검색하는 방법을 묻는 경우 슬라이스를 사용합니다.

var a1 = [2,4,6,8];
var a2 = a1.slice(-2); // a1=[2,4,6,8], a2=[6,8]

스플라이스 수정, 슬라이스 접근만 기억하세요.첫 번째 arg로 음수가 되면 배열 끝의 인덱스를 나타냅니다.

.length 속성을 더 낮은 값으로 설정합니다.

공식 문서:배열.원형.길이

요소를 가져올 뿐만 아니라 배열에서 요소를 제거하려면 스플라이스를 사용합니다.

요소를 배열에 유지하려면 슬라이스를 사용합니다.

배열에서 요소를 선택적으로 빼내려면 jQuery.grep 메서드를 사용할 수 있습니다.

(jQuery 문서에서)

var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];

$("div").text(arr.join(", "));

arr = jQuery.grep(arr, function(n, i){
  return (n != 5 && i > 4);
});

$("p").text(arr.join(", "));

arr = jQuery.grep(arr, function (a) { return a != 9; });
$("span").text(arr.join(", "));

take(3)를 사용하는 경우 배열이 원래 인수 3으로 정의된다고 가정하겠습니다.

const result = new Array(3) 
// result = [undefined , undefined , undefined]

반복기에서 2개의 값만 반환하거나 take(3) 명령 후 값이 필터링되고 값 중 1개가 제거된 경우 배열은 다음과 같습니다.

//result = [1 , 1 , undefined]

사용할 수 있는 빈 요소 배열을 잘라내기 위해

 result.filter((value) => value !== undefined);

언급URL : https://stackoverflow.com/questions/953071/how-to-easily-truncate-an-array-with-javascript

반응형