Javascript: Show data in array if one element is showable

Question

I'm just new at javascript and currently working with arrays and objects.

Can somebody help me to get the data if the searchble is true in columns. I have columns in array

let columns = [
 {
   data: "id",
   searchable: false
 },
 {

   data: "first_name",
   searchable: true
 },
 {
   data: "last_name",
   searchable: true
 }
];

let filter = {
  target: columns, // if searhable is true
};

If I console log the filter. It will look like this. Result:

{
target: [
  0: "first_name"
  1: "last_name"
  ]
}

wentjun · Accepted Answer · 2019-10-08 03:11:58Z

1

A one-liner solution, with Array.filter() and Array.map().

const columns = [
 {
   data: "id",
   searchable: false
 },
 {

   data: "first_name",
   searchable: true
 },
 {
   data: "last_name",
   searchable: true
 }
];

const filter = {
  target: columns,
};

const result = columns.filter(column => column.searchable).map(column => column.data);
filter.target = result;

console.log(filter);

answered Oct 8, 2019 at 3:11

wentjun

42.9k10 gold badges108 silver badges116 bronze badges

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

Comments

cloned · Accepted Answer · 2019-10-08 06:28:43Z

0

const columns = [{
    data: "id",
    searchable: false
  },
  {

    data: "first_name",
    searchable: true
  },
  {
    data: "last_name",
    searchable: true
  }
];


let filter = {
  target: []
};

for (let i = 0; i < columns.length; i++) {
  if (columns[i].searchable) {
    filter.target.push(columns[i].data);
  }
}
console.log(filter);

edited Oct 8, 2019 at 6:28

cloned

6,9154 gold badges33 silver badges46 bronze badges

answered Oct 8, 2019 at 3:05

Jonas Woo

663 bronze badges

Collectives™ on Stack Overflow

Javascript: Show data in array if one element is showable

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