


How to efficiently filter elements of a specific status value in a JSON nested array?
Efficient filtering of JSON nested arrays: precisely locate specific status
values
When processing JSON data, it is often necessary to extract data that meets specific conditions from nested arrays. This article demonstrates how to accurately filter out elements with status
values 0 and 1 from JSON data containing nested arrays.
Sample JSON data:
const data = [ { "id": 1, "name": "alice", age: [{ id: 4, status: 0 }] }, { "id": 2, "name": "bob", age: [{ id: 4, status: 1 }] }, { "id": 3, "name": "charlie", age: [{ id: 4, status: 1 }] } ];
The goal is to filter out objects in the age
array with status
0 and status
1 from the data
array respectively.
JavaScript's filter()
and some()
methods can achieve this. filter()
creates a new array containing elements passing the test; some()
tests whether at least one element in the array passes the test.
First, filter elements with status
0:
const status0 = data.filter(item => item.age.some(a => a.status === 0)); console.log(status0);
filter()
iterates over each object in the data
array. For each object, some()
checks whether there is an element with status
0 in its age
array. If present, the object is added to status0
array.
Next, filter the element with status
1:
const status1 = data.filter(item => item.age.some(a => a.status === 1)); console.log(status1);
This code is similar to filtering for a code with status
0, only replacing a.status === 0
with a.status === 1
.
If age
array may contain multiple elements and need to filter out objects with status
0 or 1 in age
array, and remove elements that do not meet the conditions in age
array, more complex processing is required:
const data = [ { "id": 1, "name": "Alice", age: [{ id: 4, status: 0 }, { id: 5, status: 1 }] }, { "id": 2, "name": "Bob", age: [{ id: 4, status: 1 }, { id: 5, status: 2 }] }, { "id": 3, "name": "Charlie", age: [{ id: 4, status: 1 }, { id: 5, status: 3 }] } ]; const status0 = data.map(item => ({ ...item, age: item.age.filter(a => a.status === 0) })).filter(item => item.age.length > 0); console.log(status0); const status1 = data.map(item => ({ ...item, age: item.age.filter(a => a.status === 1) })).filter(item => item.age.length > 0); console.log(status1);
This code uses map()
method to process each object. filter()
method filters out elements that meet the conditions in the age
array, and uses filter()
method to filter out objects whose age
array is empty.
Through these methods, the required data collection can be extracted from JSON data efficiently.
The above is the detailed content of How to efficiently filter elements of a specific status value in a JSON nested array?. For more information, please follow other related articles on the PHP Chinese website!

JavaScript can be used for front-end and back-end development. The front-end enhances the user experience through DOM operations, and the back-end handles server tasks through Node.js. 1. Front-end example: Change the content of the web page text. 2. Backend example: Create a Node.js server.

Choosing Python or JavaScript should be based on career development, learning curve and ecosystem: 1) Career development: Python is suitable for data science and back-end development, while JavaScript is suitable for front-end and full-stack development. 2) Learning curve: Python syntax is concise and suitable for beginners; JavaScript syntax is flexible. 3) Ecosystem: Python has rich scientific computing libraries, and JavaScript has a powerful front-end framework.

The power of the JavaScript framework lies in simplifying development, improving user experience and application performance. When choosing a framework, consider: 1. Project size and complexity, 2. Team experience, 3. Ecosystem and community support.

Introduction I know you may find it strange, what exactly does JavaScript, C and browser have to do? They seem to be unrelated, but in fact, they play a very important role in modern web development. Today we will discuss the close connection between these three. Through this article, you will learn how JavaScript runs in the browser, the role of C in the browser engine, and how they work together to drive rendering and interaction of web pages. We all know the relationship between JavaScript and browser. JavaScript is the core language of front-end development. It runs directly in the browser, making web pages vivid and interesting. Have you ever wondered why JavaScr

Node.js excels at efficient I/O, largely thanks to streams. Streams process data incrementally, avoiding memory overload—ideal for large files, network tasks, and real-time applications. Combining streams with TypeScript's type safety creates a powe

The differences in performance and efficiency between Python and JavaScript are mainly reflected in: 1) As an interpreted language, Python runs slowly but has high development efficiency and is suitable for rapid prototype development; 2) JavaScript is limited to single thread in the browser, but multi-threading and asynchronous I/O can be used to improve performance in Node.js, and both have advantages in actual projects.

JavaScript originated in 1995 and was created by Brandon Ike, and realized the language into C. 1.C language provides high performance and system-level programming capabilities for JavaScript. 2. JavaScript's memory management and performance optimization rely on C language. 3. The cross-platform feature of C language helps JavaScript run efficiently on different operating systems.

JavaScript runs in browsers and Node.js environments and relies on the JavaScript engine to parse and execute code. 1) Generate abstract syntax tree (AST) in the parsing stage; 2) convert AST into bytecode or machine code in the compilation stage; 3) execute the compiled code in the execution stage.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

WebStorm Mac version
Useful JavaScript development tools

MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment

Zend Studio 13.0.1
Powerful PHP integrated development environment

EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function
