blocks|key|4596831|text|这里有一个有趣的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4596832|/**
+*+Filter-map.+Like+map,+but+skips+undefined+values.
+*
+*+@param+callback
+*/
function+fmap(callback)+{
++++return+this.reduce((accum,+...args)+=>+{
++++++++let+x+=+callback(...args);
++++++++if(x+!==+undefined)+{
++++++++++++accum.push(x);
++++++++}
++++++++return+accum;
++++},+[]);
}|code-block|syntax|javascript|4596833|与bind+operator一起使用|offset|length|4596834|[1,2,-1,3]::fmap(x+=>+x+>+0+?+x+*+2+:+undefined);+//+[2,4,6]|4596835|entityMap|0|LINK|mutability|MUTABLE|url|https://babeljs.io/docs/en/babel-plugin-proposal-function-bind^0|0|0|1|D|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>Here's a fun solution:</p>
<pre><code>/**
 * Filter-map. Like map, but skips undefined values.
 *
 * @param callback
 */
function fmap(callback) {
    return this.reduce((accum, ...args) =&gt; {
        let x = callback(...args);
        if(x !== undefined) {
            accum.push(x);
        }
        return accum;
    }, []);
}
</code></pre>
<p>Use with the <a href="https://babeljs.io/docs/en/babel-plugin-proposal-function-bind" rel="nofollow noreferrer">bind operator</a>:</p>
<pre><code>[1,2,-1,3]::fmap(x =&gt; x &gt; 0 ? x * 2 : undefined); // [2,4,6]
</code></pre>


blocks|key|90733|text|回答sans多余的边缘情况：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|90734|const+thingsWithoutNulls+=+things.reduce((acc,+thing)+=>+{
++if+(thing+!==+null)+{
++++acc.push(thing);
++}
++return+acc;
},+[])|code-block|syntax|javascript|90735|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Answer sans superfluous edge cases:</p>

<pre><code>const thingsWithoutNulls = things.reduce((acc, thing) =&gt; {
  if (thing !== null) {
    acc.push(thing);
  }
  return acc;
}, [])
</code></pre>


blocks|key|4596922|text|为什么不直接使用forEach循环呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4596923|​|4596924|let+arr+=+['a',+'b',+'c',+'d',+'e'];
let+filtered+=+[];

arr.forEach(x+=>+{
++if+(!x.includes('b'))+filtered.push(x);
});

console.log(filtered)+++//+filtered+===+['a','c','d','e'];|code-block|syntax|javascript|4596925|4596926|或者更简单地使用filter：|4596927|const+arr+=+['a',+'b',+'c',+'d',+'e'];
const+filtered+=+arr.filter(x+=>+!x.includes('b'));+//+['a','c','d','e'];|4596928|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|T|8|@]|9|@]|A|$]]|$1|L|3|M|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>Why not just use a forEach loop?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>let arr = ['a', 'b', 'c', 'd', 'e'];
let filtered = [];

arr.forEach(x =&gt; {
  if (!x.includes('b')) filtered.push(x);
});

console.log(filtered)   // filtered === ['a','c','d','e'];</code></pre>
</div>
</div>
</p>

<p>Or even simpler use filter:</p>

<pre><code>const arr = ['a', 'b', 'c', 'd', 'e'];
const filtered = arr.filter(x =&gt; !x.includes('b')); // ['a','c','d','e'];
</code></pre>


blocks|key|4596994|text|var+sources+=+images.map(function+(img)+{
++++if(img.src.split('.').pop()+===+"json"){+//+if+extension+is+.json
++++++++return+null;+//+skip
++++}
++++else{
++++++++return+img.src;
++++}
}).filter(Boolean);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|4596995|.filter(Boolean)将过滤掉给定数组中的任何False值，在本例中是null。|unstyled|offset|length|style|CODE|4596996|entityMap^0|0|0|G|14|4|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]|$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>var sources = images.map(function (img) {
    if(img.src.split('.').pop() === "json"){ // if extension is .json
        return null; // skip
    }
    else{
        return img.src;
    }
}).filter(Boolean);
</code></pre>

<p>The <code>.filter(Boolean)</code> will filter out any falsey values in a given array, which in your case is the <code>null</code>.</p>


blocks|key|4597102|text|要在Felix+Kling's+comment上进行推断，可以像这样使用.filter()：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4597103|var+sources+=+images.map(function+(img)+{
++if(img.src.split('.').pop()+===+"json")+{+//+if+extension+is+.json
++++return+null;+//+skip
++}+else+{
++++return+img.src;
++}
}).filter(Boolean);|code-block|syntax|javascript|4597104|这将从.map()返回的数组中删除False值|4597105|您可以进一步简化它，如下所示：|4597106|var+sources+=+images.map(function+(img)+{
++if(img.src.split('.').pop()+!==+"json")+{+//+if+extension+is+.json
++++return+img.src;
++}
}).filter(Boolean);|4597107|或者甚至是使用箭头函数、对象解构和&&运算符的一行程序：|4597108|var+sources+=+images.map(({+src+})+=>+src.split('.').pop()+!==+"json"+&&+src).filter(Boolean);|4597109|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/24806772/how-to-skip-over-an-element-in-map/61173564#comment38505383_24806772^0|10|9|2|L|0|0|0|3|6|0|0|0|H|2|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1C|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|1D|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|S|3|T|5|H|7|1H|8|@]|D|@]|E|$I|J]]|$1|U|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

<p>To extrapolate on <a href="https://stackoverflow.com/questions/24806772/how-to-skip-over-an-element-in-map/61173564#comment38505383_24806772">Felix Kling's comment</a>, you can use <code>.filter()</code> like this:</p>

<pre><code>var sources = images.map(function (img) {
  if(img.src.split('.').pop() === "json") { // if extension is .json
    return null; // skip
  } else {
    return img.src;
  }
}).filter(Boolean);
</code></pre>

<p>That will remove falsey values from the array that is returned by <code>.map()</code></p>

<p>You could simplify it further like this:</p>

<pre><code>var sources = images.map(function (img) {
  if(img.src.split('.').pop() !== "json") { // if extension is .json
    return img.src;
  }
}).filter(Boolean);
</code></pre>

<p>Or even as a one-liner using an arrow function, object destructuring and the <code>&amp;&amp;</code> operator:</p>

<pre><code>var sources = images.map(({ src }) =&gt; src.split('.').pop() !== "json" &amp;&amp; src).filter(Boolean);
</code></pre>


blocks|key|4596876|text|下面是一个实用方法(与ES5兼容)，它只映射非空值(隐藏对reduce的调用)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4596877|​|4596878|function+mapNonNull(arr,+cb)+{
++++return+arr.reduce(function+(accumulator,+value,+index,+arr)+{
++++++++var+result+=+cb.call(null,+value,+index,+arr);
++++++++if+(result+!=+null)+{
++++++++++++accumulator.push(result);
++++++++}

++++++++return+accumulator;
++++},+[]);
}

var+result+=+mapNonNull(["a",+"b",+"c"],+function+(value)+{
++++return+value+===+"b"+?+null+:+value;+//+exclude+"b"
});

console.log(result);+//+["a",+"c"]|code-block|syntax|javascript|4596879|4596880|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Here's a utility method (ES5 compatible) which only maps non null values (hides the call to reduce):</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function mapNonNull(arr, cb) {
    return arr.reduce(function (accumulator, value, index, arr) {
        var result = cb.call(null, value, index, arr);
        if (result != null) {
            accumulator.push(result);
        }

        return accumulator;
    }, []);
}

var result = mapNonNull(["a", "b", "c"], function (value) {
    return value === "b" ? null : value; // exclude "b"
});

console.log(result); // ["a", "c"]</code></pre>
</div>
</div>
</p>


blocks|key|90931|text|如果它为null或未在一行ES5/ES6中定义|type|unstyled|depth|inlineStyleRanges|entityRanges|data|90932|//will+return+array+of+src+
images.filter(p=>!p.src).map(p=>p.src);//p+=+property


//in+your+condition
images.filter(p=>p.src.split('.').pop()+!==+"json").map(p=>p.src);|code-block|syntax|javascript|90933|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>if it null or undefined in one line ES5/ES6</p>
<pre><code>//will return array of src 
images.filter(p=&gt;!p.src).map(p=&gt;p.src);//p = property


//in your condition
images.filter(p=&gt;p.src.split('.').pop() !== &quot;json&quot;).map(p=&gt;p.src);
</code></pre>


blocks|key|4596970|text|我使用.forEach遍历，并将结果推送到results数组中，然后使用它，通过这个解决方案，我不会对数组进行两次循环|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4596971|entityMap^0|3|8|L|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p>I use <code>.forEach</code> to iterate over , and push result to <code>results</code> array then use it, with this solution I will not loop over array twice</p>


blocks|key|4597069|text|您可以使用after+of+You+map()。以您的示例中的filter()方法为例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4597070|var+sources+=+images.map(function+(img)+{
++if(img.src.split('.').pop()+===+"json"){+//+if+extension+is+.json
++++return+null;+//+skip
++}
++else+{
++++return+img.src;
++}
});|code-block|syntax|javascript|4597071|方法过滤器：|4597072|const+sourceFiltered+=+sources.filter(item+=>+item)|4597073|然后，只有现有的项在新的数组sourceFiltered中。|4597074|entityMap^0|I|5|V|8|0|0|0|0|E|E|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

<p>You can use after of you method <code>map()</code>. The method <code>filter()</code> for example in your case:</p>

<pre><code>var sources = images.map(function (img) {
  if(img.src.split('.').pop() === "json"){ // if extension is .json
    return null; // skip
  }
  else {
    return img.src;
  }
});
</code></pre>

<p>The method filter:</p>

<pre><code>const sourceFiltered = sources.filter(item =&gt; item)
</code></pre>

<p>Then, only the existing items are in the new array <code>sourceFiltered</code>.</p>


blocks|key|4597035|text|这是code+provided+by+@theprtk的更新版本。这是一个清理了一点，以显示通用版本，同时有一个例子。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4597036|注:我想将此作为评论添加到他的帖子中，但我还没有足够的声誉|4597037|/**
+*+@see+http://clojure.com/blog/2012/05/15/anatomy-of-reducer.html
+*+@description+functions+that+transform+reducing+functions
+*/
const+transduce+=+{
++/**+a+generic+map()+that+can+take+a+reducing()+&+return+another+reducing()+*/
++map:+changeInput+=>+reducing+=>+(acc,+input)+=>
++++reducing(acc,+changeInput(input)),
++/**+a+generic+filter()+that+can+take+a+reducing()+&+return+*/
++filter:+predicate+=>+reducing+=>+(acc,+input)+=>
++++predicate(input)+?+reducing(acc,+input)+:+acc,
++/**
+++*+a+composing()+that+can+take+an+infinite+#+transducers+to+operate+on
+++*++reducing+functions+to+compose+a+computed+accumulator+without+ever+creating
+++*++that+intermediate+array
+++*/
++compose:+(...args)+=>+x+=>+{
++++const+fns+=+args;
++++var+i+=+fns.length;
++++while+(i--)+x+=+fns[i].call(this,+x);
++++return+x;
++},
};

const+example+=+{
++data:+[{+src:+'file.html'+},+{+src:+'file.txt'+},+{+src:+'file.json'+}],
++/**+note:+`[1,2,3].reduce(concat,+[])`+->+`[1,2,3]`+*/
++concat:+(acc,+input)+=>+acc.concat([input]),
++getSrc:+x+=>+x.src,
++filterJson:+x+=>+x.src.split('.').pop()+!==+'json',
};

/**+step+1:+create+a+reducing()+that+can+be+passed+into+`reduce`+*/
const+reduceFn+=+example.concat;
/**+step+2:+transforming+your+reducing+function+by+mapping+*/
const+mapFn+=+transduce.map(example.getSrc);
/**+step+3:+create+your+filter()+that+operates+on+an+input+*/
const+filterFn+=+transduce.filter(example.filterJson);
/**+step+4:+aggregate+your+transformations+*/
const+composeFn+=+transduce.compose(
++filterFn,
++mapFn,
++transduce.map(x+=>+x.toUpperCase()+%2B+'!'),+//+new+mapping()
);

/**
+*+Expected+example+output
+*++Note:+each+is+wrapped+in+`example.data.reduce(x,+[])`
+*++1:+['file.html',+'file.txt',+'file.json']
+*++2:++['file.html',+'file.txt']
+*++3:+['FILE.HTML!',+'FILE.TXT!']
+*/
const+exampleFns+=+{
++transducers:+[
++++mapFn(reduceFn),
++++filterFn(mapFn(reduceFn)),
++++composeFn(reduceFn),
++],
++raw:+[
++++(acc,+x)+=>+acc.concat([x.src]),
++++(acc,+x)+=>+acc.concat(x.src.split('.').pop()+!==+'json'+?+[x.src]+:+[]),
++++(acc,+x)+=>+acc.concat(x.src.split('.').pop()+!==+'json'+?+[x.src.toUpperCase()+%2B+'!']+:+[]),
++],
};
const+execExample+=+(currentValue,+index)+=>
++console.log('Example+'+%2B+index,+example.data.reduce(currentValue,+[]));

exampleFns.raw.forEach(execExample);
exampleFns.transducers.forEach(execExample);|code-block|syntax|javascript|4597038|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/39431956/8511888^0|2|P|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>Here is a updated version of the <a href="https://stackoverflow.com/a/39431956/8511888">code provided by @theprtk</a>. It is a cleaned up a little to show the generalized version whilst having an example.</p>

<p>Note: I'd add this as a comment to his post but I don't have enough reputation yet</p>

<pre><code>/**
 * @see http://clojure.com/blog/2012/05/15/anatomy-of-reducer.html
 * @description functions that transform reducing functions
 */
const transduce = {
  /** a generic map() that can take a reducing() &amp; return another reducing() */
  map: changeInput =&gt; reducing =&gt; (acc, input) =&gt;
    reducing(acc, changeInput(input)),
  /** a generic filter() that can take a reducing() &amp; return */
  filter: predicate =&gt; reducing =&gt; (acc, input) =&gt;
    predicate(input) ? reducing(acc, input) : acc,
  /**
   * a composing() that can take an infinite # transducers to operate on
   *  reducing functions to compose a computed accumulator without ever creating
   *  that intermediate array
   */
  compose: (...args) =&gt; x =&gt; {
    const fns = args;
    var i = fns.length;
    while (i--) x = fns[i].call(this, x);
    return x;
  },
};

const example = {
  data: [{ src: 'file.html' }, { src: 'file.txt' }, { src: 'file.json' }],
  /** note: `[1,2,3].reduce(concat, [])` -&gt; `[1,2,3]` */
  concat: (acc, input) =&gt; acc.concat([input]),
  getSrc: x =&gt; x.src,
  filterJson: x =&gt; x.src.split('.').pop() !== 'json',
};

/** step 1: create a reducing() that can be passed into `reduce` */
const reduceFn = example.concat;
/** step 2: transforming your reducing function by mapping */
const mapFn = transduce.map(example.getSrc);
/** step 3: create your filter() that operates on an input */
const filterFn = transduce.filter(example.filterJson);
/** step 4: aggregate your transformations */
const composeFn = transduce.compose(
  filterFn,
  mapFn,
  transduce.map(x =&gt; x.toUpperCase() + '!'), // new mapping()
);

/**
 * Expected example output
 *  Note: each is wrapped in `example.data.reduce(x, [])`
 *  1: ['file.html', 'file.txt', 'file.json']
 *  2:  ['file.html', 'file.txt']
 *  3: ['FILE.HTML!', 'FILE.TXT!']
 */
const exampleFns = {
  transducers: [
    mapFn(reduceFn),
    filterFn(mapFn(reduceFn)),
    composeFn(reduceFn),
  ],
  raw: [
    (acc, x) =&gt; acc.concat([x.src]),
    (acc, x) =&gt; acc.concat(x.src.split('.').pop() !== 'json' ? [x.src] : []),
    (acc, x) =&gt; acc.concat(x.src.split('.').pop() !== 'json' ? [x.src.toUpperCase() + '!'] : []),
  ],
};
const execExample = (currentValue, index) =&gt;
  console.log('Example ' + index, example.data.reduce(currentValue, []));

exampleFns.raw.forEach(execExample);
exampleFns.transducers.forEach(execExample);
</code></pre>


blocks|key|90952|text|你可以做到的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|90953|​|90954|var+sources+=+[];
images.map(function+(img)+{
++++if(img.src.split('.').pop()+!==+"json"){+//+if+extension+is+not+.json
++++++++sources.push(img.src);+//+just+push+valid+value
++++}
});|code-block|syntax|javascript|90955|90956|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>You can do this</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var sources = [];
images.map(function (img) {
    if(img.src.split('.').pop() !== "json"){ // if extension is not .json
        sources.push(img.src); // just push valid value
    }
});</code></pre>
</div>
</div>
</p>


blocks|key|4597188|text|最有效的方法是在单次迭代中同时filter+%2B+map您的输入数组。为此，您需要将数组视为iterable+(它在内部就是这样)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4597189|下面的答案是使用iter-ops库来处理您的图像：|4597190|import+{pipe,+filter,+map}+from+'iter-ops';

const+result+=+pipe(
++++images,
++++filter(img+=>+img.src.split('.').pop()+!==+'json'),
++++map(img+=>+img.src)
);

console.log('result:',+[...result]);|code-block|syntax|javascript|4597191|另外，我是iter-ops的作者。|4597192|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/js/js_object_iterables.asp|1|https://github.com/vitaly-t/iter-ops|2^0|F|6|O|3|19|8|0|0|8|8|1|0|0|5|8|2|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@$9|14|A|15|1|16]]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|H|3|I|5|J|7|1B|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1C|8|@]|D|@$9|1D|A|1E|1|1F]]|E|$]]|$1|O|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]|Y|$5|R|S|T|E|$U|X]]]]

<p>The most efficient approach is to <code>filter</code> + <code>map</code> your input array at the same time, in a single iteration. For that, you need to treat your array as an <a href="https://www.w3schools.com/js/js_object_iterables.asp" rel="nofollow noreferrer">iterable</a> (which is what it is internally).</p>
<p>The answer below uses <a href="https://github.com/vitaly-t/iter-ops" rel="nofollow noreferrer">iter-ops</a> library to process your images:</p>
<pre><code>import {pipe, filter, map} from 'iter-ops';

const result = pipe(
    images,
    filter(img =&gt; img.src.split('.').pop() !== 'json'),
    map(img =&gt; img.src)
);

console.log('result:', [...result]);
</code></pre>
<p>P.S. I am the eauthor of <a href="https://github.com/vitaly-t/iter-ops" rel="nofollow noreferrer">iter-ops</a>.</p>


<p>How can I skip an array element in <code>.map</code>?</p>

<p>My code:</p>

<pre><code>var sources = images.map(function (img) {
    if(img.src.split('.').pop() === "json"){ // if extension is .json
        return null; // skip
    }
    else{
        return img.src;
    }
});
</code></pre>

<p>This will return:</p>

<pre><code>["img.png", null, "img.png"]
</code></pre>


How to skip over an element in .map()?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

如何跳过.map中的数组元素我的代码：var sources = images.map(function (img) {    if(img.src.split('.').pop() === "json"){ // if extension is .json        return null; // skip    }    else{        return img.src;    }}

问如何跳过.map()中的元素？
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何跳过.map()中的元素？EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何跳过.map()中的元素？
EN