blocks|key|134886|text|Lodash有一个++function，它可以做你想要做的事情。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|134887|​|134888|var+thing+=+{
++"a":+123,
++"b":+456,
++"abc":+6789
};

var+result+=+_.pickBy(thing,+function(value,+key)+{
++return+_.startsWith(key,+"a");
});

console.log(result.abc)+//+6789
console.log(result.b)+++//+undefined|code-block|syntax|javascript|134889|<script+src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"></script>|134890|134891|entityMap^0|0|9|B|8|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|W|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|Q|$]]

<p><strong>Lodash has a <a href="https://lodash.com/docs#pickBy" rel="noreferrer"><code>_.pickBy</code></a> function</strong> which does exactly what you're looking for.</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 thing = {
  "a": 123,
  "b": 456,
  "abc": 6789
};

var result = _.pickBy(thing, function(value, key) {
  return _.startsWith(key, "a");
});

console.log(result.abc) // 6789
console.log(result.b)   // undefined</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|134868|text|只需将筛选器更改为omitBy|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|134869|​|134870|const+data+=+{+aaa:+111,+abb:+222,+bbb:+333+};
const+result+=+_.omitBy(data,+(value,+key)+=>+!key.startsWith("a"));
console.log(result);|code-block|syntax|javascript|134871|<script+src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>|134872|134873|entityMap|0|LINK|mutability|MUTABLE|url|https://lodash.com/docs/4.17.2#omitBy^0|9|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|10|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|M|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]]]

<p>Just change filter to <a href="https://lodash.com/docs/4.17.2#omitBy" rel="noreferrer">omitBy</a></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>const data = { aaa: 111, abb: 222, bbb: 333 };
const result = _.omitBy(data, (value, key) =&gt; !key.startsWith("a"));
console.log(result);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|2698466|text|以下是使用lodash+4.x的示例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2698467|​|2698468|const+data+=+{
++aaa:+111,
++abb:+222,
++bbb:+333
};

const+result+=+_.pickBy(data,+(value,+key)+=>+key.startsWith("a"));

console.log(result);
//+Object+{+aaa:+111,+abb:+222+}|code-block|syntax|javascript|2698469|<script+src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
<strong>Open+your+javascript+console+to+see+the+output.</strong>|2698470|2698471|entityMap^0|5|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|Q|$]]

<p>Here is an example using <code>lodash</code> 4.x:</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>const data = {
  aaa: 111,
  abb: 222,
  bbb: 333
};

const result = _.pickBy(data, (value, key) =&gt; key.startsWith("a"));

console.log(result);
// Object { aaa: 111, abb: 222 }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"&gt;&lt;/script&gt;
&lt;strong&gt;Open your javascript console to see the output.&lt;/strong&gt;</code></pre>
</div>
</div>
</p>


blocks|key|2910494|text|一种以相当可读和有效的方式解决此问题的非lodash方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2910495|​|2910496|function+filterByKeys(obj,+keys+=+[])+{
++const+filtered+=+{}
++keys.forEach(key+=>+{
++++if+(obj.hasOwnProperty(key))+{
++++++filtered[key]+=+obj[key]
++++}
++})
++return+filtered
}

const+myObject+=+{
++a:+1,
++b:+'bananas',
++d:+null
}

const+result+=+filterByKeys(myObject,+['a',+'d',+'e'])
console.log(result)+//+{a:+1,+d:+null}|code-block|syntax|javascript|2910497|2910498|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>A non-lodash way to solve this in a fairly readable and efficient manner:</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 filterByKeys(obj, keys = []) {
  const filtered = {}
  keys.forEach(key =&gt; {
    if (obj.hasOwnProperty(key)) {
      filtered[key] = obj[key]
    }
  })
  return filtered
}

const myObject = {
  a: 1,
  b: 'bananas',
  d: null
}

const result = filterByKeys(myObject, ['a', 'd', 'e'])
console.log(result) // {a: 1, d: null}</code></pre>
</div>
</div>
</p>


blocks|key|134539|text|本机ES2019一行程序|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|134540|​|134541|const+data+=+{
++aaa:+111,
++abb:+222,
++bbb:+333
};

const+filteredByKey+=+Object.fromEntries(Object.entries(data).filter(([key,+value])+=>+key.startsWith("a")))

console.log(filteredByKey);|code-block|syntax|javascript|134542|134543|entityMap^0|2|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|T|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|O|$]]

<p>Native <strong>ES2019</strong> one-liner</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>const data = {
  aaa: 111,
  abb: 222,
  bbb: 333
};

const filteredByKey = Object.fromEntries(Object.entries(data).filter(([key, value]) =&gt; key.startsWith("a")))

console.log(filteredByKey);</code></pre>
</div>
</div>
</p>


blocks|key|134545|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|134546|const+data+=+{
++aaa:+111,
++abb:+222,
++bbb:+333
};
const+result+=+Object.keys(data).filter((val)+=>+val.includes("a"));
console.log(result);|code-block|syntax|javascript|134547|134548|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<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>const data = {
  aaa: 111,
  abb: 222,
  bbb: 333
};
const result = Object.keys(data).filter((val) =&gt; val.includes("a"));
console.log(result);</code></pre>
</div>
</div>
</p>


blocks|key|132004|text|您可以使用_.omit()函数。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|132005|它以字符串数组的形式接受键来过滤，如下所示：|BOLD|132006|var+object+=+{+a:+1,+b:+2,+c:+3+}
_.omit(object,+['a',+'c'])
//+=>+{+b:+2+}|code-block|syntax|javascript|132007|entityMap^0|5|8|0|C|4|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@$9|T|A|U|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|V|8|@]|D|@]|E|$L|M]]|$1|N|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|O|$]]

<p>You can use the <code>_.omit()</code> function.</p>
<p>it accepts the <strong>keys to filter</strong> as an string array like below:</p>
<pre class="lang-js prettyprint-override"><code>var object = { a: 1, b: 2, c: 3 }
_.omit(object, ['a', 'c'])
// =&gt; { b: 2 }
</code></pre>


blocks|key|2910555|text|纯JS解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2910556|const+data+=+{
++aaa:+111,
++abb:+222,
++bbb:+333
};

const+result+=+Object.keys(data).filter(+key+=>+{
++return+key.indexOf('a')+==+0
}).map(+key+=>+{
++return+{+key:+data[key]+}
})

console.log(result)|code-block|syntax|javascript|2910557|2910558|筛选以字母‘a’开头的键的数据|ordered-list-item|2910559|将这些键映射到适当的值，并作为键:+value+object|2910560|返回|2910561|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|J|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Pure JS solution:</p>
<pre><code>const data = {
  aaa: 111,
  abb: 222,
  bbb: 333
};

const result = Object.keys(data).filter( key =&gt; {
  return key.indexOf('a') == 0
}).map( key =&gt; {
  return { key: data[key] }
})

console.log(result)
</code></pre>
<ol>
<li>Filter through the data for keys that starts with the letter 'a'</li>
<li>Map those keys with the proper value, and return as key:value object</li>
</ol>


<p>I have an object with some keys, and I want to only keep some of the keys with their value?</p>

<p>I tried with <code>filter</code>:</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>const data = {
  aaa: 111,
  abb: 222,
  bbb: 333
};

const result = _.filter(data, (value, key) =&gt; key.startsWith("a"));

console.log(result);</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>
</p>

<p>But it prints an array:</p>

<blockquote>
  <p>[111, 222]</p>
</blockquote>

<p>Which is not what I want. </p>

<p>How to do it with lodash? Or something else if lodash is not working?</p>


How to filter keys of an object with lodash?

参加发文瓜分万元礼品池，人人皆有机会抢无人机、键盘与海量鹅厂周边等。点击参加活动：<a href="https://cloud.tencent.com/developer/article/2479906" target="_blank">https://cloud.tencent.com/developer/article/2479906</a><br/> 
 <img src="https://qcloudimg.tencent-cloud.cn/raw/413f50f72190b4a96912ce02a7c9cca8.jpg"/>

21天技术创作挑战赛

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

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

腾讯云数据库专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯云AI代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我有一个带有一些键的对象，我想只保留其中一些键的值？我试着用filter​const data = {  aaa: 111,  abb: 222,  bbb: 333};const result = _.filter(data, (value, key) => key.startsWith("a"));console.log(result);<script src="https://cdnjs.c

问如何使用lodash过滤对象的key？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用lodash过滤对象的key？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用lodash过滤对象的key？
EN