Retrieve the name of the current item at the end of the list

Question

Retrieve the name of the current item at the end of the list

Is there a way to retrieve the last item on the list marked as success?

children: [
   {
    case: "no-success",
    name: "bruno",
    endOffset: 5
   },
   {
    case: "no-success",
    name: "pippo",
    endOffset: 5
   }
   {
    case: "success",
    name: "jo",
    endOffset: 5
   },
   {
    case: "success",
    name: "Matteo",
    endOffset: 5
   },
   {
    case: "np-success",
    name: "Robert",
    endOffset: 5
   }
]

I am specifically looking for the item with the name Matteo.

To find the first matching item, I use: var foundIdx = this.newListWords[i].children.find(item => item.case === 'success').

javascript angular typescript

Answer 1

Answer №1

Explanation:

The find() function locates and retrieves the FIRST element in a given array that meets the specified condition. If no elements meet the criteria, undefined is returned.

To reverse an array:

this.newListWords[i].children.reverse().find(item => item.case === 'success')

Alternatively, you can use filter to extract the last child:

const filtered = this.newListWords[i].children.filter(item => item.case === 'success')
const lastFind = filtered[filtered.length-1]

Answer 2

Explanation:

The find() function locates and retrieves the FIRST element in a given array that meets the specified condition. If no elements meet the criteria, undefined is returned.

To reverse an array:

this.newListWords[i].children.reverse().find(item => item.case === 'success')

Alternatively, you can use filter to extract the last child:

const filtered = this.newListWords[i].children.filter(item => item.case === 'success')
const lastFind = filtered[filtered.length-1]

Answer 3

Answer №2

function findLastSuccessValue(list: any[]): any {
  const SUCCESS = 'success';
  const [lastElement] = list // Get the first element of the list
    .filter(obj => obj.success === SUCCESS) // Look for successful items
    .reverse(); // Reverse the list
  return lastElement;
}
const result = findLastSuccessValue(this.newListWords[i].children);

Answer 4

function findLastSuccessValue(list: any[]): any {
  const SUCCESS = 'success';
  const [lastElement] = list // Get the first element of the list
    .filter(obj => obj.success === SUCCESS) // Look for successful items
    .reverse(); // Reverse the list
  return lastElement;
}
const result = findLastSuccessValue(this.newListWords[i].children);

Answer 5

Answer №3

    var kids = [
       {
        type: "fail",
        label: "bruno",
        offset: 5
       },
       {
        type: "fail",
        label: "pippo",
        offset: 5
       },
       {
        type: "pass",
        label: "jo",
        offset: 5
       },
       {
        type: "pass",
        label: "Matteo",
        offset: 5
       },
       {
        type: "partial",
        label: "Robert",
        offset: 5
       }
    ];
    
    function getLastPass(kids) {
        if (!Array.isArray(kids)) {
            return {};
        }
        for (var j = kids.length - 1, obj; obj = kids[j]; j--) {
            if (obj.type === 'pass') {
                return obj;
            }
        }
    }
    
    console.log(getLastPass(kids));

Answer 6

    var kids = [
       {
        type: "fail",
        label: "bruno",
        offset: 5
       },
       {
        type: "fail",
        label: "pippo",
        offset: 5
       },
       {
        type: "pass",
        label: "jo",
        offset: 5
       },
       {
        type: "pass",
        label: "Matteo",
        offset: 5
       },
       {
        type: "partial",
        label: "Robert",
        offset: 5
       }
    ];
    
    function getLastPass(kids) {
        if (!Array.isArray(kids)) {
            return {};
        }
        for (var j = kids.length - 1, obj; obj = kids[j]; j--) {
            if (obj.type === 'pass') {
                return obj;
            }
        }
    }
    
    console.log(getLastPass(kids));

Answer 7

Answer №4

A simple line of code

const result = children.reduce((s, c) => { if (c.case === "success") { return c }  else { return s } }, null);

If no success is found, the result will be null.

Answer 8

A simple line of code

const result = children.reduce((s, c) => { if (c.case === "success") { return c }  else { return s } }, null);

If no success is found, the result will be null.

Answer 9

Answer №5

Using this code will retrieve the final element within the sorted list that contains 'success',

children.findLast(item => item.case === 'success')

Answer 10

Using this code will retrieve the final element within the sorted list that contains 'success',

children.findLast(item => item.case === 'success')

Retrieve the name of the current item at the end of the list

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

The button fails to trigger the AJAX request

Could someone teach me how to implement icon rotation in Vue.js using Vuetify?

Encountered a snag while executing Powershell with Selenium: Error message - unable to interact with

Issue encountered while using Typescript with mocha: Unable to utilize import statement outside a module

Adding pointlights to the camera in three.js is a great way to

Experiencing difficulty connecting to WebSocket while running the app on Heroku (Node.js) platform

React Component: Issue with conditional "if else" statement not refreshing in return statement

Struggling with a 400 Bad Request Error in Angular with WebAPI Integration

Transforming a text file into an array using fs in Node.js

Is there a way to access the value of a variable that is defined in FileReader.onloadend from within the callback function of XMLHttpRequest.onreadystatechange

Enhance the user experience by incorporating a tooltip into the input field using Bootstrap 5

Is it necessary to incorporate express in a Next.js project?

Having issues with importing momentjs by reference in TypeScript with amd configuration

Issue encountered: The Android build is failing with the error message stating that "null is not

The fetch method in Express.js resulted in an error 404 because the requested URL could not be found

The passport.use method is failing to invoke in Node.js when utilizing the passport-local strategy

Angular does not seem to be identifying the project name as a valid property

Is there a way to duplicate a GLTF model that has been imported into the Autodesk Viewer?

Submit the form without displaying any output in the browser, not even in the view source code

What methods can be utilized to retrieve multiple objects based on their names?