Can JavaScript reserved keywords be utilized as object keys in EJS?

Can reserved keywords like void be used as object keys in ejs?

I attempted to pass an object containing void (a JavaScript reserved keyword) as a key within view data.

const viewData = {
  void: {
    someKey: 'some value',
    someOtherKey: 'some other value',
  },
}

However, upon trying to access the void key in ejs like this:

<h3><%= void.someKey %></h3>

An error is thrown:

Unexpected token . in <FILEPATH>

Is there a way to access this void object in ejs without renaming it? I also attempted using this.void without success.

Answer №1

The solution approved by the original poster (shown in a comment on the question) includes using the locals object:

<%= locals["void"].someKey %>

It is believed that this method also functions correctly

<%= locals.void.someKey %>

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

Navbar not displaying output in React JS

I followed a tutorial on YouTube to create a navbar using Bootstrap and React, but I'm facing issues with the output. The YouTube tutorial used HTML along with Bootstrap to make the navbar. Even though the classes are similar, all I can see is a small ...

Difficulty understanding JavaScript sum calculations

I am currently working on a website project. Seeking assistance to enable an increment of one when clicked. Also need guidance on calculating the total price of items collected in a designated section under "number of items selected". Goal is to display ...

The function(result) is triggered when an http.get request is made

Can anyone help me figure out why my function is jumping after completing the request? It seems to be skipping over .then(function(result){ }. I suspect that the issue might be related to the <a> element with an onclick attribute containing an href ...

Guide to utilizing jQuery for random toggling of classes

My objective is to create a mouseover effect on a box that changes its color randomly. Currently, I have managed to achieve this by toggling one class (e.g. $("#evtTarget").toggleClass(highlighted-2);). However, I am now attempting to select a random class ...

TinyMCE - The control with the name 'content' is considered invalid and cannot receive focus

I am utilizing TinyMCE 4 and here is the code snippet for it: <script type="text/javascript" src="//cdn.tinymce.com/4/tinymce.min.js"></script> <script> tinymce.init({ selector: 'textarea[name=content]', ...

Creating JavaScript functions that accept three inputs and perform an operation on them

Apologies in advance if there are any silly mistakes as I am new to Javascript. I want to add "salary", "pension", and "other" together, then display the result in an input field when a button is clicked. Not sure if I have used the correct tags in my cod ...

Is there a way to link dynamic server fields with VueJS?

How can I bind data posted by the server with Vue.js in order to display the data instead of field names? <script> module.exports = { data: function () { return { filedNameFromServer: ['{{filed1}}' ...

Prevent row selection in jqGrid when right-clicking

Currently in jqGrid, I have disabled row selection using the following code: beforeSelectRow: function() { return false; } This setup works perfectly for left clicking. However, I've noticed that the beforeSelectRow event handler isn't bei ...

The functionality of Bootstrap seems to be malfunctioning within the Laravel React UI

I successfully configured my new laravel project with a react UI by utilizing the command php artisan ui react. Following that, I executed npm install and npm run dev. I then included the react ID and script link in the welcome.blade.php file. However, I n ...

Showcasing a component for a seven-day period with the power of Javascript

Here is my current JavaScript code: var today = new Date(), d = today.getDate(), m = today.getMonth() + 1, y = today.getFullYear(), date = d + '/' + m + '/' + y, specialDate = '22/10/2012'; if (date == specialDate) { documen ...

Encountering an error while populating the Google Charts API with data: "The column header row need to be in array format."

Is there a way to populate a Google Chart with data from a function? I'm encountering an issue where I define the header row but receive an error message saying "Column header row must be an array." How can I resolve this problem? Below is the code sn ...

NG0303: Unable to establish a connection with 'ngbTooltip' as it is not recognized as a valid property of 'button'

ERROR: 'NG0303: Can't bind to 'ngbTooltip' since it isn't a known property of 'button'.' Encountering this issue in my Angular 12 project when running local tests, the ngbTooltip error is present in all .spec files. ...

Having trouble with multer restricting uploads to 1MB on React JS?

I'm currently facing an issue with uploading simple PDF documents to my express server. The file is around 800kb in size. Every time I attempt to upload the file using my code, I receive an error stating that the uploaded file is too large. expecte ...

Display and conceal individual divs using jQuery

Despite my lack of experience with jQuery, I am struggling with even the simplest tasks. The goal is to display/hide specific messages when certain icons are clicked. Here is the HTML code: <div class="container"> <div class="r ...

What is the best way to capture any internal errors that may arise from external JavaScript code?

Within a JavaScript file, I am utilizing an API call (an npm module in Node.js) and aiming to gracefully handle any errors that may arise. However, if I input a faulty API-KEY or a non-existent city name, the internal code of the API generates an error tha ...

What is the best way to decrease the transparency of the unselected 3D items when clicked on?

I've been thinking about how to adjust the opacity of unselected 3D objects in a scene when one object is clicked. Essentially, I want all other objects to have reduced opacity once a particular object is selected. For example, if one object has an op ...

Move objects on the webpage by dragging and dropping them

My goal is to create a website with drag-and-drop functionality for elements, similar to Wordpress widgets. Users should be able to easily add text boxes to different areas on the site by simply dragging and dropping them. If necessary, they can also choos ...

Learn the method of showcasing a JavaScript variable value within an HTML href tag

Currently, I am in the process of rewriting my URL and category name to be passed into the URL. For this purpose, I am creating a URL friendly string using the following JavaScript function: function getUrlFriendlyString(str) { // convert spaces to &ap ...

Connect cells within an HTML table by drawing a line between them

While attempting to create a visually appealing floor plan, I have been unable to find any Javascript/jQuery libraries that meet my needs. My input is a text file with 0s and 1s (a sample 10x10 matrix), where the 1s represent walls. After processing the in ...

Tips for retaining a chosen selection in a dropdown box using AngularJS

How can I store the selected color value from a dropdown box into the $scope.color variable? Index.html: <label class="item item-select" name="selectName"> <span class="input-label">Choose your favorite color:</span> <select id="colo ...