How to alias array deconstruction in JavaScript?

Question

I would like to know if it possible to deconstruct (in my case x) an array and create an alias in order to avoid issues with reserved keywords.

Here an example, but it gives me an error. Any idea how to solve it? Thanks

   const mk = (data) =>
      data.map((x, idx) => {
        const [a, b, for:xxx, d] = x
        return {
          a,
          b,
          for:xxx, // I want create an object with for property name
          d
        }
      })

Just replace: const [a, b, for:xxx, d] = x with const [a, b, xxx, d] = x. jsfiddle.net/6974zk8o — briosheje
– briosheje, Commented May 7, 2019 at 13:16

Orelsanpls · Accepted Answer · 2019-05-07 13:17:02Z

3

You are mixing up objects and arrays. You are tying to use an alias on a array deconstruction.

If you deconstruct an array, there is no need for an alias

const x = [
  'a',
  'b',
  'd',
  'for',
];

const [
  a,
  b,
  d,
  xxx,
] = x;

console.log({
  a,
  b,
  xxx,
  d
});

If you are deconstructing an object, using for isn't a problem.

const x = {
  a: 'a',
  b: 'b',
  d: 'd',
  for: 'for',
};

const {
  a,
  b,
  for: xxx,
  d,
} = x;

console.log({
  a,
  b,
  xxx,
  d
});

answered May 7, 2019 at 13:17

Orelsanpls

23.7k7 gold badges46 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xsh.7 · Accepted Answer · 2019-05-07 13:14:47Z

1

In the context of an array, deconstructing for: xxx does not make any sense. This only works for an object having a for property (const {a, b, for: xxx, d } = x;).

xxx is simply the third element of the given array. The following might do it:

const mk = (data) =>
  data.map((x: any, idx: any) => {
    const [a, b, c, d] = x;
    return {
      a,
      b,
      for: c, // I want create an object with for property name
      d,
    }
  })

answered May 7, 2019 at 13:14

xsh.7

6,2701 gold badge25 silver badges26 bronze badges

Collectives™ on Stack Overflow

How to alias array deconstruction in JavaScript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related