What I have the ability to do:
const resultValue = array.find((resultValue) => <certain condition>);
const resultIndex = array.indexOf(resultValue);
What I am interested in doing:
const { value, position } = array.someFunction((value, position) => <certain condition> && { value, position });
Is there anything similar available? some() only returns a boolean, and find() simply retrieves the array element, neither of which is suitable for this specific scenario.
Unfortunately, there is no direct solution for this specific issue within JavaScript's built-in methods. However, one workaround would be to utilize Object.entries:
const array = ['foo', 'bar', 'baz'];
const [ index, val ] = Object.entries(array).find(([i, v]) => v === 'baz');
console.log(index, val);If you want to find a specific value in an array, you will need to create a wrapper function since there is no built-in prototype for that.
let numbers = [10, 20, 30, 40, 50];
function searchArray(array, value) {
const foundValue = array.find((val) => value == val);
const index = array.indexOf(foundValue);
return { foundValue, index };
}
console.log(searchArray(numbers, 30));One option, although not favored by many, is to extend the Array.prototype and use the method directly like this: array.searchArray(40)
let numbers = [10, 20, 30, 40, 50];
Array.prototype.searchArray = function(value) {
const foundValue = this.find((v) => value == v);
const index = this.indexOf(foundValue);
return { foundValue, index };
}
console.log(numbers.searchArray(30));Check Out This Fiddle Example I am currently working with a PHP file that returns JSON data for main content along with an additional property for pagination. I am looking for a way to exclude the pagination property when iterating over the data in a fore ...
Hey there, I've hit a roadblock and could really use some help figuring out where I went wrong. Let me break down my script for you. On page1.html, I have a div that gets replaced by another div from page2.html using jQuery's .load() method. Here ...
I have a button component in my render method (DownloadReportsButton) that will trigger a modal onClick and perform an API call. The logic for the modal and the API call have already been moved to the button component, but how do I pass my data (an array ...
Learn how to customize the fill and border color for leaflet GeoJSON layers with the following options. /** * Generates GeoJSON layers and assigns event handlers. */ private createGeoJsonLayer(geodata: any, map: L.Map): L.GeoJSON<any> { c ...
Is there a way to create a header title from an ajax file? I've been trying my best with the following code: $('#btntrack').on('click', function() { var KPNo = $('#KPNo').val(); var dataString = & ...
My current dilemma involves a component that renders a form, however, it also has its own form "catcher". var FormUpload = React.createClass({ submit : function(){ var formdata =new FormData(); ...
If there is a JSON file with the following structure: { "Person1": { "name": "Jon", "value1": 4, "value2": 2 }, "Person2": { "name": "Jan ...
I encountered an issue: Error: Type Error - Cannot read property '$scope' of undefined at $controller (angular/angular.js:10327:28) at angular-mocks/angular-mocks.js:2221:12 at Context. (src/client/app/peer-review/post-visit.co ...
Hey there, I'm a new coder and like to dabble in a bit of everything, so go easy on me! So, here's the deal: data from a poker tournament is constantly being updated in a database, but we're delaying the video feed by 20-25 minutes to preve ...
I am currently working on a project in Angular that utilizes HTML and Typescript. My goal is to extract all the variables from the HTML templates of each component. For example, let's say I have an HTML component like this: <div *ngIf="value ...
I have a sidebar menu in plain html for page navigation, like this: <div class="sidebar"><h2>About us</h2> <h3><a href="#chapter1" class="link">Chapter 1</a></h3> <h3><a href="#chapter2" class="link"> ...
I am facing an issue with displaying error messages when a text field is left blank. I would like a simple message, such as "can't be empty", to appear below the text field in red color when the user clicks the submit button and leaves multiple fields ...
When I run this code in node.js, the result is undefined. var testContext = 15; function testFunction() { console.log(this.testContext); } testFunction(); =>undefined However, when removing the var keyword, it successfully outputs 15. Interestingly, ...
I created an HTML5 page with an audio element for playing music in mp3 format. However, when the music plays to the end, it stops and I'm using JavaScript to control the audio element. Even so, I can't seem to replay it, only stop it. Is there a ...
Having created a custom plugin for my personal use, I am currently facing an issue with inserting JavaScript into the head tag. When I implement add_action( 'init', 'add_to_head' ); The script is loaded before jQuery, which is not id ...
The beginning of section 10 in the JLS introduces an interesting concept: An array's component type can itself be another array type, leading to components that reference subarrays. It is a fascinating structure where one delves into the component t ...
Currently focused on PHP development, my task involves retrieving data from a database using multiple queries. The database may contain anywhere from 10 records to 10,000 records. I am looking for a way to incorporate a progress bar that displays the com ...
I recently attempted to integrate the Google Calendar API with Angular 2 in order to display upcoming events on a web application I am developing. Following the Google Calendar JavaScript quick-start tutorial, I successfully managed to set up the API, inse ...
Is it possible to bind multiple values using ng-bind in the following manner : <p ng-bind="instructor.first_name instructor.last_name"></p> Every time I attempt this, I encounter the following error: Error: $parse:syntax Syntax Error I am a ...
Having an issue with the Slick carousel where images are not resizing based on browser size (original size is 300x228px). Just to clarify: When I shrink the browser window, the number of slides decreases but the images remain the same size. I've bee ...