Creating an array in JavaScript can be done like this:
var myArray = new Array();
myArray.push({ url: urlValue, filename: fileNameValue });
As time goes on, the array will accumulate various items. If you need to delete a specific row based on the urlValue, here's how you can do it (by row, we mean deleting both the urlValue and fileNameValue). For example, imagine you want to delete a row where urlValue is and fileNameValue is picseasonNewName.jpg.
For those utilizing jQuery, the grep method can be helpful.
var result = $.grep(myArray, function(e){ return e.url !== "urlValue"; });
By using this function, you will obtain an array containing objects where the url does not match the specified value, essentially removing that particular entry from your array.
Check out a demonstration: JSFiddle
If you want to delete a specific item from an array, you can use the following function:
function deleteItem(value){
for(var i=0; i<myArray.length; i++){
if(myArray[i].urlValue == value)
myArray.splice(i,1);
}
}
How to Update an Array in JavaScript
Example:
var myArray = new Array();
myArray.push({ url: "http://www.somsite.com/pics/picture10.jpg", filename: "" });
myArray.push({ url: "http://www.somsite.com/pics/picture12.jpg", filename: "" });
myArray.push({ url: "http://www.somsite.com/pics/picture14.jpg", filename: "" });
var i = 0, urlToFind = "http://www.somsite.com/pics/picture12.jpg";
//Remove/Delete array item
while(i < myArray.length){
myArray[i++].url == urlToFind ? myArray.splice(i-1, 1) : 0
}
document.write(JSON.stringify(myArray))The terminology used in your query does not align with JavaScript standards.
The explanation provided by Drakes in the comments conveys the concept more accurately.
To remove an element from an array that contains an object with a specific url:urlValue.
JavaScript offers various built-in methods for manipulating arrays.
You can utilize the filter method to create a new array excluding the desired entry, which is beneficial when the urlValue is not unique.
function removeEntries(arr, value) {
return arr.filter(function (entry) {
return entry.url !== value;
})
}
Seeking assistance with initializing popovers using TypeScript. I am attempting to initialize each element with the data-toggle="popover" attribute found on the page using querySelectorAll(). Here is an example of what I have tried so far: export class P ...
I store customer order data in a multidimensional array called $_SESSION['input'], like this: $_SESSION['input']['6']['s'] === 4 // This means the customer ordered 4x product with id 6 in size S. Each new input ...
I'm facing a situation where I need to display the contents of a file (let's call it abc.txt) in a textarea on a JSP page. However, when I try to do so, all the contents are displayed in one line without any line breaks or carriage returns. Inte ...
I have noticed a slight flicker in the content collapse when using this code. Is there a way to make it collapse more smoothly? <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script ...
I am dealing with several hidden input fields like the ones below: <input type="hidden" value="4531" name="product_id"> <input type="hidden" value="4532" name="product_id"> <input type="hidden" value="4533" name="product_id"> My goal is ...
Trying to implement Material-ui within a React project, I am facing an issue with the <IconButton> component and its onClick behavior conflicting with the parent component's behavior. Specifically, I want the <IconButton> to add an item to ...
Just starting out with Selenium IDE and looking to build a set of regression scripts for our department. Trying to insert today's date plus 180 days into a field using a JavaScript function. If anyone can guide me on how to write this function, I wou ...
I am new to AngularJS and I need help checking if my user is logged in or not using $routeChangeStart. Controller angular.module('crud') .controller('SigninCtrl', function ($scope,$location,User,$http) { $scope.si ...
I've been diving into learning angularJS and have hit a roadblock when it comes to extracting values from specific objects in a JSON file. Despite searching online for solutions, all I've found are basic examples that don't quite fit my curr ...
Currently, I am utilizing @Ajax.ActionLink to invoke a controller action in an ajax manner. Is there a method to identify if there is already an ongoing/pending ajax request on the page? The desired functionality is simple: when a user clicks the link, the ...
Is it possible to open a popup using window.open and then subscribe to page events (such as onload) of the popup from the opener? I am looking for a method in my parent page (opener) that will execute when the popup's onload or ready event fires. Can ...
Everything seems to be working fine when I check my own avatar, but it doesn't work properly when I mention another user. Here's the code I'm using: client.on('message', message => { if (message.content === `${prefix}ava`) { ...
Currently, I am in the process of developing an application using meteor and within one of the templates, I have the following code snippet. <h3> <b> <a class="viewed" href="/jobdetails/{{_id}}">{{title}}</a> </b> ...
After collecting JSON data from a SharePoint list, I am currently in the process of creating an HTML Document. At this point, I have completed approximately 80% of the expected outcome. Due to Cross-Origin Resource Sharing (CORS) restrictions, I have hard ...
I am looking to extract strings from an array and set them all to zero. The original array consists of: var myArray = ["apple", "banana", "cherry", "date"]; The expected outcome should be: var apple = 0; var banana = 0; var cherry = 0; var date = 0; I ...
I am looking to update the button text upon successful completion. Specifically, I would like to change it to "accepted" after a successful response. <button type="button" onclick="saveData<?php echo $row1->id; ?>()">Accept</button> ...
I am currently using the nicEdit editor and have successfully integrated my own custom image resizing script. However, I am facing an issue where the default _moz_resizing feature in Firefox is interfering with my custom script. My goal is to have specifi ...
My ajax code has been working well in most cases, but when I tried using it for updating user details on my page, I noticed that the ""+"" symbol was getting lost if used in an email address (such as <a href="/cdn-cgi/l/email-protection" class ...
One of my classes is called ClientBase: export class ClientBase { constructor(private uri: string, private httpClient: HttpClient) { } // Contains Various Methods } I have multiple subclasses that are derived from the ClientBase For instance: @I ...
Currently, I am utilizing Visual Studio 2012 for editing HTML and JavaScript. My approach involves inserting templates using partial views in inline script tags (view code below). The use of AngularJS, a Javascript framework, dictates that the type must be ...