Only JSON objects with a boolean value of true will be returned

Question

Only JSON objects with a boolean value of true will be returned

I am working on returning JSON objects in JavaScript/TypeScript that have a true boolean value for the "team" property. For example, the JSON data I am using is as follows:

{
    "state": "Texas",
    "stateId": 1,
    "team": true
},
{
    "state": "California",
    "stateId": 5,
    "team": false
},
{
    "state": "Rhode Island",
    "stateId": 14,
    "team": true
}

My goal is to create an array containing only Texas and Rhode Island. However, my current code does not properly filter based on the boolean value of "team". Here is the snippet:

jsonString: any;
stateArray: any;

constructor() {
this.jsonString = JSON.stringify(data);
this.stateArray = JSON.parse(this.jsonString);

  this.stateArray.filter(function(array) {
  if (data["team"] === true) {
      return array;
  }
});

console.log(this.stateArray);

Any assistance or insights on where I might be going wrong would be greatly appreciated. Thank you!

javascript arrays json typescript boolean

Answer 1

Answer №1

When using Array.filter, the callback function is executed for each element in the array, expecting a single element as a parameter and returning a boolean value. Give this a try:

let stateArray = [{
    "state": "Texas",
    "stateId": 1,
    "team": true
},
{
    "state": "California",
    "stateId": 5,
    "team": false
},
{
    "state": "Rhode Island",
    "stateId": 14,
    "team": true
}]

let result = stateArray.filter(function(state) {
  return state.team;
});

console.log(result);

Answer 2

When using Array.filter, the callback function is executed for each element in the array, expecting a single element as a parameter and returning a boolean value. Give this a try:

let stateArray = [{
    "state": "Texas",
    "stateId": 1,
    "team": true
},
{
    "state": "California",
    "stateId": 5,
    "team": false
},
{
    "state": "Rhode Island",
    "stateId": 14,
    "team": true
}]

let result = stateArray.filter(function(state) {
  return state.team;
});

console.log(result);

Answer 3

Answer №2

If you want to achieve this in just one line, you can utilize the arrow operator from ES6.

Check out the code snippet below.

let stateArray = [{
    "state": "Texas",
    "stateId": 1,
    "team": true
},
{
    "state": "California",
    "stateId": 5,
    "team": false
},
{
    "state": "Rhode Island",
    "stateId": 14,
    "team": true
}]

let result = stateArray.filter(state => state.team);

console.log(result);

Answer 4

If you want to achieve this in just one line, you can utilize the arrow operator from ES6.

Check out the code snippet below.

let stateArray = [{
    "state": "Texas",
    "stateId": 1,
    "team": true
},
{
    "state": "California",
    "stateId": 5,
    "team": false
},
{
    "state": "Rhode Island",
    "stateId": 14,
    "team": true
}]

let result = stateArray.filter(state => state.team);

console.log(result);

Only JSON objects with a boolean value of true will be returned

Answer №1

Answer №2

Similar questions

Ending JavaScript promises

What is the method for extracting the href attribute from an <a class using Python Selenium?

Tips for persisting objects created in PHP while utilizing XMLHttpRequest

The compatibility between Javascript and AJAX functions is currently not functioning as expected

Transforming DOM elements into Objects

Implementing CSRF token for the current window's location

Update the JSON data following deletion

Is it possible to utilize enums as keys in a Json structure?

What is the process for inserting text or letters into a checkbox using Material Ui?

What is the best way to fetch and convert information from an API to display on a website?

Explore the Wikipedia API play area by searching based on the user's input

What are the options for app directory routing and programmatic navigation in the upcoming 13 application

Store Form Input as JSON Data File

The jQuery target is not able to locate the specified element

The spring submission function requires the use of two parameters

Error encountered while attempting to obtain OAuth2 API authorization token in ExpressJS Node.js Angular: "getaddrinfo ENOTFOUND"

Tips on incorporating asynchronous functionality in AngularJS

Having trouble with updating label text in MUIDataTable in ReactJS?

Modifying an item within an array of Mongoose models

Having trouble with Vue-if conditional not functioning as expected? It seems like the if-else block is being