자바스크립트에서 Array.map으로 요소 제거하기

map()` 함수를 사용하여 항목 배열을 필터링하고 싶습니다. 다음은 코드 스니펫입니다:

var filteredItems = items.map(function(item)
{
    if( ...some condition... )
    {
        return item;
    }
});

문제는 필터링된 항목이 여전히 배열의 공간을 사용하므로 완전히 지우고 싶다는 것입니다.

어떤 방법이 있을까요?

편집 : 고마워, 나는 필터 ()에 대해 잊어 버렸습니다, 내가 원하는 것은 실제로 필터 () 다음 지도 ()입니다.

편집 2 : 내 특정 코드가 브라우저에서 실행되도록 의도 된 것은 아니지만 map () 및 filter ()가 모든 브라우저에서 구현되지 않는다는 점을 지적 해 주셔서 감사합니다.

Aᴍɪʀ
편집된 질문22일 12월 2016 в 6:03
프로그래밍
functional-programming client-side javascript data-manipulation
12일 8월 2008 в 10:21
6 파운드
질문에 대한 의견 (1)
해결책

배열의 항목을 필터링하는 것 외에 변경하려는 경우가 아니라면 맵이 아닌 필터 메서드를 사용해야 합니다.

예.

var filteredItems = items.filter(function(item)
{
    return ...some condition...;
});

[편집: 물론 sourceArray.filter(...).map(...)을 필터링과 돌연변이 모두에 사용할 수도 있습니다.]

해설 (3)

내가 답을 작성했습니까 귈이예요 이제 다시, 내 의견을 바뀌었다. 난 내 추천합니까 체크아웃하기 [블로그 포스트] (http://code.blog.kylebaker.io/2018/03/15/stack-overflow/) 이 이 훨씬 더 나은 주제와 어떤 식으로 설명합니다. 또한 에스페르프 끝날 수 있는 대안 비교.

  • 이 tl; dr 로만스였나: 이를 위해 어떤 you& 묻는 # 39, re (필터링부터 매핑되고, 하나의 함수 호출), 콩지름에 '라이트러더스 ()' . 하지만, [2] , * 와 more readable usually faster&lt sup&gt &lt /sup>; 방식은 필터와 함께 매핑해야 체인된 됩니다.

' [1.2,3] 윈필터 (num = &gt. num &gt. 2) 오마프 (num = &gt. num * 2) '

사용법은 라이트러더스 () '는' 는 어떤 inet6.0, 어떻게 처리할 수 있는 한 이터레이션에 필터 및 매핑해야 사용할 수 있습니다. 이 경우, 이는 높은 것을, 내가 너무 압축됨 추천합니까 블로그 포스트를 그들위에 링크됨 훨씬 더 친화적임 소개 분명한 사례 및 추이.

이는 절감하십시오 인수를 (주로 익명) 기능을 부여할 수 있습니다.

    • 는 두 한 매개변수입니다 있는 익명 함수 (예 / 필터 / 포리치 매핑하려면 전달된 익명 함수) 은 채굴이 이트라티 생일날이야 그러나 그러한 주장에 대한 익명 함수 역시 줄일 수 있을 지, 이는 전달될 수 있는 기능을 사용하지 않는 가치를 * 사이의 함수 호출, 통칭 종종 메모.

참고 있는 반면 라이트필터 () 는 오직 하나의 인수 (함수), 라이트러더스 () 는 또한 중요한 (선택적이며) 두 번째 인수: # 39, & # 39 의 초기값을 memo&. 그 역할을 할 수 있는 첫 번째 인수는 에 전달되고, 그 이후에 있었던 익명 함수 호출 간의 따라 변형된다. (# 39, & # 39 memo& 관심용 공급되지 않는 경우. 첫 번째 익명 함수 호출은 이트라티 # 39, & # 39 (be the first), 그리고 기본적으로 iteratee&. 실제 사용될 인수는 값이 두 번째 배열)

39 의 경우, ll pass we& 시작 후 빈 스토리지로는 고객은 이를 바탕으로 우리 이트라티 투입 여부를 선택할 수 없는 것은 어레이나 이 함수 필터링합니다 과정이다.

39, & # 39 어레이입니다 progress& 복귀하십시오 we& 마지막으로, ll, 우리 # 39. 익명 함수 호출 줄이고, 각 값을 반환하는 가 앨리어스보다 인수로 향후 함수 호출 (일명 메모), 통과시킬 수 있다.

이렇게 하면 한 수를 줄이고 이터레이션인지 필터 및 매핑됩니까 일어날 수 있는 우리 필요한 이터레이션에 반단면. )

대한 보다 자세한 설명,) 은 다음과 같은 뜻이 있다. 매든 또는 링크를 클릭합니다. )

기본 사례를 통해 문의:

let array = [1,2,3];
const initialMemo = [];

array = array.reduce((memo, iteratee) => {
    // if condition is our filter
    if (iteratee > 1) {
        // what happens inside the filter is the map
        memo.push(iteratee * 2); 
    }

    // this return value will be passed in as the 'memo' argument
    // to the next call of this function, and this function will have
    // every element passed into it at some point.
    return memo; 
}, initialMemo)

console.log(array) // [4,6], equivalent to [(2 * 2), (3 * 2)]

더 간결하고 버전:

[1,2,3].reduce((memo, value) => value > 1 ? memo.concat(value * 2) : memo, [])

처음 두 개 이상의 등 필터링됨 sanlight 이트라티 디이브이 않았다. 또한, 그냥 그 자체만으로도 니시알기념 기록하십시오 release. 만들기 위해 선택해제합니다 및 소비자의 관심을 보인다. # 39, & # 39 에서 다시 한 번 통과되는 대로 memo&. 첫 번째 익명 함수 호출, 그리고 반환되었습니다 memo& & # 39, 익명 함수 값을 # 39 에 전달됩니다. 인수 다음 함수.

또 다른 예로는 메모 약간만이라도 되돌릴 수 있는 가장 작은 또는 위한 기본 览侩 荤례 최다 어레이입니다. 예:

[7,4,1,99,57,2,1,100].reduce((memo, val) => memo > val ? memo : val)
// ^this would return the largest number in the list.

예를 들어 자신의 절감하십시오 어떻게 쓸 함수 (이 같은 기능을 지원하는 경우가 많습니다 이러한 이해, 내가 찾을 수):

test_arr = [];

// we accept an anonymous function, and an optional 'initial memo' value.
test_arr.my_reducer = function(reduceFunc, initialMemo) {
    // if we did not pass in a second argument, then our first memo value 
    // will be whatever is in index zero. (Otherwise, it will 
    // be that second argument.)
    const initialMemoIsIndexZero = arguments.length < 2;

    // here we use that logic to set the memo value accordingly.
    let memo = initialMemoIsIndexZero ? this[0] : initialMemo;

    // here we use that same boolean to decide whether the first
    // value we pass in as iteratee is either the first or second
    // element
    const initialIteratee = initialMemoIsIndexZero ? 1 : 0;

    for (var i = initialIteratee; i < this.length; i++) {
        // memo is either the argument passed in above, or the 
        // first item in the list. initialIteratee is either the
        // first item in the list, or the second item in the list.
        memo = reduceFunc(memo, this[i]);
    }

    // after we've compressed the array into a single value,
    // we return it.
    return memo;
}

예를 들어, 실제 구현 접속할 수 있지만 이 같은 것을 느낄 수 있는 단순한 인덱스화할 좋겠다 확보하십시오 골자로 거잖나.

[2]: http://code.blog.kylebaker.io/2018/03/16/stack-overflow/ # 성능은 어떨까요?

Kyle Baker
편집된 답변22일 1월 2019 в 8:44
해설 (3)

지도는 그런 기능을 하지 않습니다. 정말 Array.filter이 필요합니다. 또는 원래 목록에서 요소를 정말로 제거하려면 for 루프를 사용하여 필수적으로 제거해야 합니다.

해설 (0)

어레이입니다 [거르개 방법] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

var arr = [1, 2, 3]

// ES5 syntax
arr = arr.filter(function(item){ return item != 3 })

// ES2015 syntax
arr = arr.filter(item => item != 3)

console.log( arr )

끝 - &lt 스니핏 >;!

vsync
편집된 답변25일 6월 2019 в 7:10
해설 (3)

단, 모든 브라우저에서 '배열 필터'가 지원되는 것은 아니므로 프로토타입을 제작해야 합니다:

//This prototype is provided by the Mozilla foundation and
//is distributed under the MIT license.
//http://www.ibiblio.org/pub/Linux/LICENSES/mit.license

if (!Array.prototype.filter)
{
    Array.prototype.filter = function(fun /*, thisp*/)
    {
        var len = this.length;

        if (typeof fun != "function")
            throw new TypeError();

        var res = new Array();
        var thisp = arguments[1];

        for (var i = 0; i < len; i++)
        {
            if (i in this)
            {
                var val = this[i]; // in case fun mutates this

                if (fun.call(thisp, val, i, this))
                   res.push(val);
            }
        }

        return res;
    };
}

이렇게 하면 필요한 모든 메소드를 프로토타이핑할 수 있습니다.

Markus Safar
편집된 답변7일 2월 2016 в 6:23
해설 (1)

다음과 같은 함수를 사용하여 객체에는 매핑해야 기술서임을 청소.

var arraytoclean = [{v:65, toberemoved:"gronf"}, {v:12, toberemoved:null}, {v:4}];
arraytoclean.map((x,i)=>x.toberemoved=undefined);
console.dir(arraytoclean);
DaFois
편집된 답변7일 10월 2019 в 3:12
해설 (0)