Guide on accessing and using the value of a specific key in an Object within an if statement using JavaScript

Question

Guide on accessing and using the value of a specific key in an Object within an if statement using JavaScript

As a JavaScript beginner and enthusiast, I'm in need of help. I am encountering an issue with the code snippet provided below:

if (newTask.done === false) {
        newTask = doneArray.push({
            id: doneArray.length,
            description: clickedTask.textContent,
            done: false
        });
    } else {
    removeTask = doneArray.splice(newTask.id, 1);
    };

I'm trying to determine whether my object has a false or true value in the done key. If a new task has a value of false, I want to push it into my Array. Otherwise, I aim to remove it from the Array. I am struggling with retrieving the value of the ID and using it in the if statement, as well as changing that value within the object to true. I'm unsure if there is a more efficient way to achieve this without scrapping the entire code. You can find the complete code here: codepen.io

javascript arrays object if-statement

Answer 1

Answer №1

Discover a straightforward approach to reaching your objective. Refer to the comments for more information and feel free to ask if anything is unclear:

// An array with 3 new tasks is created here
const allTasks = [{
  id: 0,
  description: 'desc 1',
  done: true
}, {
  id: 1,
  description: 'desc 2',
  done: false
}, {
  id: 2,
  description: 'desc 3',
  done: true
}];

// A function to filter out only tasks that are NOT DONE
// This is achieved using the Array.prototype.filter method
const filterDoneTasks = arr => arr.filter(task => !task.done);

const pendingTasks = filterDoneTasks(allTasks);

console.log(pendingTasks);

Answer 2

Discover a straightforward approach to reaching your objective. Refer to the comments for more information and feel free to ask if anything is unclear:

// An array with 3 new tasks is created here
const allTasks = [{
  id: 0,
  description: 'desc 1',
  done: true
}, {
  id: 1,
  description: 'desc 2',
  done: false
}, {
  id: 2,
  description: 'desc 3',
  done: true
}];

// A function to filter out only tasks that are NOT DONE
// This is achieved using the Array.prototype.filter method
const filterDoneTasks = arr => arr.filter(task => !task.done);

const pendingTasks = filterDoneTasks(allTasks);

console.log(pendingTasks);

Answer 3

Answer №2

Consider trying the following solution...

if (newTask.done === false) {
    newTask = doneArray.push({
        id: doneArray.length,
        description: clickedTask.textContent,
        done: false
    });
} else {
    for(let i = 0; i < doneArray.length; ++i){
       if(doneArray[i].id == newTask.id)
           removeTask = doneArray.splice(i, 1);
           break;
       }
} };

It's important to note that when you remove an object from the array, the length of the array will decrease, potentially resulting in multiple objects with the same ID. To address this issue, consider implementing a counter or unique identifier that always increments unless intentionally changing it.

Additionally, keep in mind that the array index starts at 0 while the length may start at 1, so make adjustments accordingly if the wrong object is being removed.

Answer 4

Consider trying the following solution...

if (newTask.done === false) {
    newTask = doneArray.push({
        id: doneArray.length,
        description: clickedTask.textContent,
        done: false
    });
} else {
    for(let i = 0; i < doneArray.length; ++i){
       if(doneArray[i].id == newTask.id)
           removeTask = doneArray.splice(i, 1);
           break;
       }
} };

It's important to note that when you remove an object from the array, the length of the array will decrease, potentially resulting in multiple objects with the same ID. To address this issue, consider implementing a counter or unique identifier that always increments unless intentionally changing it.

Additionally, keep in mind that the array index starts at 0 while the length may start at 1, so make adjustments accordingly if the wrong object is being removed.

Guide on accessing and using the value of a specific key in an Object within an if statement using JavaScript

Answer №1

Answer №2

Similar questions

Determine the occurrences of each element in a given array and save them as key-value pairs

Ran out of memory while trying to allocate bytes for sending a Bitmap as a String to a webservice via soap communication

The .ajax() method is having trouble sending data to a PHP database query

The texture rendered by Three.js WebGL is not displaying correctly on the plane and appears

Modal containing react-select dropdown opens successfully

What is the function of this.handleClick that is positioned on the LEFT side of the = operator?

Having trouble decoding a JSON array in PHP?

Variables stored in an array are not changing

Is it possible to utilize jQuery to add 'a' attributes in HTML5?

Passing data between child components using Vuejs 3.2 for seamless communication within the application

Using Webpack to directly embed image paths in your code

Expanding and shrinking the index within a specific circular boundary in JavaScript

How can I invoke a PHP script using AJAX?

Reactjs encountering issues with CSS loading correctly

How can mouse clicks be detected using jQuery?

Utilizing TaskRouter in Django: Setting Up Twilio Workers for Handling Incoming Calls

Issue with hamburger menu or modal not functioning properly in Rails 4 with Bootstrap 4 alpha3 and JS

I am having trouble modifying the content of a div using Jquery append

Issue with Vue Checkbox not functioning properly upon being mounted in Edge browser

Iterate through the form fields and save the information into an object