Arrow notation causes a syntax error specifically in Internet Explorer browsers

I am trying to align the data in two arrays by using this block of code.

var items = viewModel.Date1;
var items2 = viewModel.Date2;            
items = items2.map( row =>

    //checking for a matching row in items
    items.filter( r => r.theString == row.theString).length == 0 ?

    //if not found, fill with zeros
    {theString:0, theCount:0} :

    //return the items' row if there is a match
    items.filter( r => r.theString == row.theString)[0] );

I encountered a Syntax error in IE when using =>.

How can I modify this code to work seamlessly across Firefox, Chrome, and IE?

Answer №2

using arrow function

r => r.theString === row.theString[0]  

converted to

function(r) { r.theString === row.theString[0] }

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Develop a dynamic daily messaging system

I'm interested in incorporating a daily changing message feature on my website. My plan is to store all the messages in a MySQL database and have them displayed daily. Any guidance on how to achieve this would be highly appreciated! Thank you, I ha ...

The output of the Node.js crypto.pbkdf2 function may not match the result obtained from CryptoJS.PBKDF

Currently, I am utilizing PBKDF2 on both the frontend with CryptoJS and the backend with Node.js. Despite using the identical salt, algorithm, number of iterations, and password, the derived keys are turning out to be different. Below is the code snippet ...

What is the best way to utilize AJAX to access a URL, not receive a response, and solely manipulate HTML content on the

Should I use AJAX for this issue? Let me know! Here's the problem: Let's say I'm utilizing Zend Framework. I have a table filled with various entries from a database, each row having a delete button. The structure looks like this: [...] ...

Tips for displaying multiple date choices with Bootstrap datepicker

I am currently using a bootstrap datepicker with an inline calendar. I want to enable users to select multiple days by clicking on them, instead of removing the selection each time a new day is clicked. I have attempted to add an active class when a user c ...

Removing a specific item from an array

state = { filters: ['all'] } this.state.filters.includes('humans') ? this.state.filters.filter(val => val !== 'humans') : this.state.filters.push(dropdown) I have a condition set up so that when I click on a button, ...

When the pagecontainer is displayed

I am in the process of developing a JQM app. It is designed as a multiple page application that utilizes jquery mobile page divs to manage the visibility of pages during navigation. The layout of the pages looks something like this: <div data-role="p ...

"What is the best way to have a data toggle in Vue that waits for the success or failure of

How can I ensure that the modal is triggered only after a successful axios response, without altering any existing styles? The current code triggers the modal before waiting for the axios response, despite adding v-if. Current code: <template> <d ...

Error encountered in a Node.js Express application: 'Error in Jade template (version 1.0+): The usage of duplicate key "id" is not permitted.'

Seeking guidance on the following issue: Within my Express app, I am providing numerous parameters to a Jade template, resulting in an error message that states: Duplicate key "id" is not allowed. (After reviewing, I have confirmed that there is no para ...

Looking for a way to go through a set of documents in an array and calculate the sum of a specific property in JSON using the $cond

Here's an array of JSON data: let x = [{"Data":"Chocolate","Company":"FiveStar"},{"Data":"Biscuit","Company":"Parle"},{"Data":"Chocolate","Company ...

Jquery Mobile: Navigating back to the first page after calling changePage

In the process of developing a mobile app with phonegap/cordova and jquery mobile, I encountered an issue where the user is supposed to land on a specific page from a status bar notification. However, the app initially displays the default page briefly bef ...

Vue users are experiencing issues with the functionality of the Chart js plugin annotation

I've been attempting to include a horizontal line in my Chart.js using the annotations plugin, but it's not cooperating. My Chart.js version is 2.9.4, so I had to install it with the command: npm install [email protected] --save After inst ...

jQuery does not support displaying output using console.log

I have a JavaScript code that uses jQuery. However, when I click the #button_execute button, the console.log inside the callback function of .done doesn't display anything on the console. I'm not sure how to troubleshoot this issue. $("#button_e ...

Is there a way to extract a value from the JWT header and store it in a variable within a nodejs application?

I have developed an API server that enables users to log in and access specific information. Upon logging in, a JWT token containing the username is generated, which I aim to store in a variable for future use. Below is the code snippet I utilize to authen ...

Issue with Bootstrap 5: Navigation feature struggling in carousel

I am currently using bootstrap 5 and looking to incorporate an image carousel and a modal into my project. Here is the sample code I have: <link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cf ...

Troubleshooting: AJAX failing to upload images to backend server

I have been tasked with uploading images to an AWS instance as a requirement. The UI and service are separated and communicate via REST, with the service being in nodejs. When we make an AJAX call from the frontend to upload images to AWS, there seems to b ...

I am having trouble getting my getColor() method to correctly change colors based on the data provided

When using a datatable, there are two columns: status and priority. The STATUS LIST includes OPEN or CLOSED, while the PRIORITY LIST includes HIGH, MODERATE, and LOW. So, if the status is open, it should be displayed in red color; if closed, then in green. ...

Unable to eliminate user registration feature with Meteor and React

Exploring the world of Meteor and diving deep into its functionalities, I am currently focused on creating a user login and signup page with personalized control panels for each registered user. Although I have successfully implemented the signup and logi ...

The modal remains closed: Error - Attempting to access property 'open' of undefined

I've been attempting to showcase a pop-up that I implemented as a modal, but I keep getting this error: TypeError: Cannot read property 'open' of undefined The pop-up was created as a component: import { Component, OnInit, ViewChild, Ele ...

Attempting to design a versatile button in react js that has multiple functions. On the initial click, it saves data, changes the display to "view", and with a second click, it redirects to the saved page

Is it possible to create a dynamic button in React Js (MERN STACK) that changes its functionality from "Save" to "VIEW" after successfully posting data to MongoDB and receiving a 200 response status? I've tried different methods but haven't been ...

Is it possible to impose dimensions on a content-editable div?

Is there a way to make a content editable div act like a text box with a fixed horizontal width and unlimited vertical expansion? Take a look at this jsfiddle, and find the code below: http://jsfiddle.net/seoj7cgq/ <!--How do I force the text to stay ...