使用过滤器返回对象中的特性值

Question

尝试创建一个函数，该函数使用筛选器，但不使用for函数，也不使用同时循环函数或Foreach函数，该函数将循环遍历对象数组，仅返回其属性值。例如，

function getShortMessages(messages) {
    return messages.filter(function(obj){
        return obj.message
    });
}

所以如果我打电话

getShortMessages([{message:"bleh"},{message:"blah"}]); 

我应该得到一个数组的返回=[“bleh”，“blah”]我只是不确定如何在这些指导原则下实现过滤器。我也在考虑使用链函数。地图

////下面是整个代码挑战规范/////

基础：筛选练习4/18

使用数组#过滤器编写一个名为getShartMessages的函数。

getShartMessages获取一个具有“。消息”属性的对象数组，并返回一个小于

函数应该返回一个包含消息本身的数组，而不返回其包含对象。

• 消息：由10到100个随机对象组成的数组，如下所示：

{
    message: 'Esse id amet quis eu esse aute officia ipsum.' // random
}

• 不要使用任何for/while循环或数组#forEach

• 尝试链接一些数组方法！

[ 'Tempor quis esse consequat sunt ea eiusmod.',
  'Id culpa ad proident ad nulla laborum incididunt.',
  'Ullamco in ea et ad anim anim ullamco est.',
  'Est ut irure irure nisi.' ]

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

function getShortMessages(messages) {
  // SOLUTION GOES HERE
}

module.exports = getShortMessages

"要再次打印这些指令，运行：函数式-javascript打印"要在测试环境中执行程序，运行：函数式-javascript运行program.js"要验证程序，运行：函数式-javascript验证program.js"对于帮助运行：函数式-JavaScript帮助

Answer 1

具有自定义返回值（简单的ES6示例）；

js prettyprint-override">const customReturnFiltere = (result) => {
    return products.filter((obj) => {
      return obj.stock !== 0;
    })
    .map((finalResult) => {
        return {
          ...finalResult,
          info: 'product will be filtered if stock is 0'
        }
    });
}

Answer 2

虽然我意识到这条线索非常古老，但我觉得有必要在有人再次无意中发现它时发表评论。我会像上面那样使用es6语法，如下所示：

objects.filter(obj => obj.key === 'value').map(filteredObj => filteredObj.key);

因此，上面的例子是：

getShortMessages = (messages) => messages.filter(obj => obj.message.length <= 50).map(obj => obj.message);

Answer 3

当您想要获取与预期属性相匹配的整个对象时，请使用. filter。使用. map当您有一个数组的东西，并希望对这些东西做一些操作并得到结果。

挑战在于获取所有长度不超过50个字符的消息。因此，您可以使用filter仅获取通过该测试的消息，然后使用map仅获取消息文本。

function getShortMessages(messages) {
  return messages
    .filter(function(obj) {
      return obj.message.length <= 50;
    })
    .map(function(obj) {
      return obj.message;
    });
}

JSFiddle：http://jsfiddle.net/rbbk65sq/

如果输入对象可能没有消息属性，则需要使用进行测试obj.message

function getShortMessages(messages) {
  return messages
    .filter(function(obj) {
      return obj.message && obj.message.length <= 50;
    })
    .map(function(obj) {
      return obj.message;
    });
}

ES6中的相同代码示例：

const getShortMessages = (messages) => messages
  .filter(obj => obj.message.length <= 50)
  .map(obj => obj.message);

如果输入对象可能没有消息属性：

const getShortMessages = (messages) => messages
  .filter(obj => obj.message && obj.message.length <= 50)
  .map(obj => obj.message);

JSFiddle：http://jsfiddle.net/npfsrwjq/