javascript filter with complex condition in accolades

Question

Why does this work:

var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(
  word => word.length > 6
);

console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]

but after modifying this piece, doesn't:

const result = words.filter(
      word => {
        word.length > 6
      }
    );

Notice that I want to place word.length > 6 inside accolades where I want to actually have more complex intermediate calculations (more than 1 line).

Any advice please thanks.

on your working example you use one line syntax in which you can remove brackets and the return statement — Panos K, May 30 '18 at 12:55
[your code comes from here](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/filter) — Hearner, May 30 '18 at 12:58

score 0 · Answer 1 · answered May 30 '18 at 12:56

0

You need to use the return keyword when your expression is surrounded by brackets:

const result = words.filter(
  word => {
    return word.length > 6
  }
);

answered May 30 '18 at 12:56

yadejo

1,910
15
26

score 0 · Accepted Answer · answered May 30 '18 at 12:59

First version:

var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
    const result = words.filter(word => word.length > 6);
    console.log(result)

Second Version

    var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
        const result = words.filter(word => {return word.length > 6});
        console.log(result)

Use first version when you have a single line expression while using second version while you have more complex condition

javascript filter with complex condition in accolades

2 Answers2