Access the initial array and the primary element within an array containing multiple arrays

How can I access the first value in the first array of an array of arrays?

questions: [
              [
                'Purchase only', 'Sale and purchase',
                'Sale only', 'Remortgage'
              ],
              [
                'Leasehold', 'Freehold'
              ],
              [
                'Yes', 'No'
              ]
            ]

I want to do something like this:

    if (this.quoteResults[1] == this.questions[0][0]) 
DOESNT WORK

Instead of doing this:

    if (this.quoteResults[1] ===  'Purchase only') 
THIS WORKS BUT I WANT TO USE ARRAY INDEX INSTEAD
javascriptarraysvue.js

Answer №1

The issue you are facing occurs when using 'this'. Accessing this.quoteResults[1] is possible, but accessing 'questions' is not. Ensure that both quoteResults and questions are within your scope when utilizing 'this'. Try outputting questions[0][0] within the function containing your if statement. Using questions[0][0] is the correct way to access it, indicating that is not the problem. Moreover, we lack information about what data type quoteResults[1] contains.

var questions = [
          [
            'Purchase only', 'Sale and purchase',
            'Sale only', 'Remortgage'
          ],
          [
            'Leasehold', 'Freehold'
          ],
          [
            'Yes', 'No'
          ]
        ]
      console.log(questions[0][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

Unexpected behavior involving the onchange event, input validation, and the enter key

One challenge I encountered was implementing validation for a date input field in a form. The requirement was to only allow dates starting from today up to a maximum of 3 years in the future. If a valid date is entered, a modal should appear; otherwise, an ...

javascriptjqueryvalidationdate

What are some ways to make source code more visually appealing on an HTML/JSP page as it is being

I've recently created a webpage with some Java source code, neatly organized within blocks. However, I'm looking to enhance its appearance so it truly looks like Java code. Take a look at my page's code here for reference: Are there any onl ...

javascriptjqueryhtmlcsssyntax-highlighting

The WebSocket connection in the browser, when accessed through a remote server, typically shows a CLOSED state in the readyState property during the on

Local server operations are running smoothly. However, when testing on a remote server with Nginx, the issue arises where the readyState inside the event handler onopen is consistently showing as CLOSED. Nginx configuration: server { server_name doma ...

javascripttypescriptnginxwebsocketws

My confusion knows no bounds as I navigate through the enigma of Array Index Out of Bounds

I keep encountering an error message whenever I try to execute my program. Although it compiles without any issues and was functioning correctly earlier, I am unsure about what is causing the problem. The error message is displayed here: http://gyazo.com/ ...

javaarraysexceptionbinary-search-tree

Set up a mouseover function for a <datalist> tag

Currently, I am delving into the world of javascript/jquery and I have set up an input field with a datalist. However, I am encountering a slight hurdle - I am unable to trigger an event when hovering over the datalist once it appears. Although I have man ...

javascriptjqueryhtml

Utilize JavaScript to load external JavaScript libraries and scripts

Currently, I am working on developing a console application using JavaScript/Node.js. However, when compiling the script.js file, I encounter a ReferenceError: $ is not defined issue. //user input from command line var readline = require('readline&ap ...

javascriptjquerynode.jscompiler-errors

Utilizing Vue.js pagination and table sorting with Element components

I am currently working on a project using Vue js, Element Plus Table, and Pagination. The issue I am facing is that all columns of the table are sortable, but the sorting only works on the current page. I need to be able to sort all my data across multiple ...

javascriptvue.jsvuejs3element-plus

jQuery - accessing a different class within the object

Let me explain the scenario: I have a website that will delve into 4 different subjects. Initially, I have 4 divs each representing the title of those subjects. For instance, <div><p> Physics </p></div> <div><p> Chem ...

javascriptjqueryhtmlcss

Issue with Element Not Displaying During Page Load with Quick AJAX Request

I attempted to display a loading gif while making an ajax request that takes a long time to respond, and then hide the loading gif once the response is received. Here is the code snippet : $('.loading-gif').show(); $ajax({url:'',async ...

javascriptjquery

JavaScript live search dynamically loads MySQL data into memory

Currently, I have implemented a live search feature through a text box on my website. This feature queries a MySQL database to return matching rows as the user types. However, I have noticed that this has significantly increased the memory load on my datab ...

phpjavascriptmysqllivesearch

Having trouble with JavaScript concat function not behaving as it should? Can you provide more details to

I am trying to extract all the cities from an object that contains country names as keys and arrays of cities as values. However, my approach seems to be failing and I can't figure out why. var cities = { "United Kingdom": ['london'], ...

javascriptarraysobjectfor-loopconcatenation

Animating toggles with JQuery

I am attempting to create a toggle effect for my div using this jQuery script: $(document).ready(function(){ $("button").click(function(){ $("div").animate({left:'250px'}; }, function() { $("div").animate({left:'0px'}; }, }); ...

javascriptjqueryhtmlcss

If the next element in the sequence happens to be the final element, then conceal a separate

Continue pressing the downward button consistently on until you reach the bottom. The down arrow should disappear slightly before reaching the end. Is there a way to achieve this using the code provided below? I'm new at this, but I believe I need t ...

javascriptjquery

Creating HTML or PHP pages using jQuery

Is it possible to generate a file using jQuery? I am creating a website maker. On the left side, I have a list of elements such as: ---------------------------------------------------------------- Elements Attri ...

phpjavascriptjqueryhtml

Enabling draggable behavior for div elements on Mozilla Firefox

I've attempted the code mentioned in this forum but unfortunately, it's not working for me. I am currently using Firefox 15 and it seems to work fine in Chrome. Below is my code : <!DOCTYPE html> <head> <title>A Simple Dragg ...

javascripthtml

What is the method for incorporating an upward arrow into a select element, while also including a downward arrow, in order to navigate through options exclusively with

I have a select element that I have styled with up and down arrows. However, I am seeking assistance to navigate the options dropdown solely using these arrows and hide the dropdown list. Here is the HTML: <div class="select_wrap"> <d ...

javascriptjqueryhtmlcss

Using jQuery to smoothly animate a sliding box horizontally

Is there a way to smoothly slide a div left and right using jQuery animation? I have been trying to achieve this by implementing the code below, which can be found in this fiddle. The issue I am facing is that every time I click on the left or right butto ...

javascriptjqueryhtmlcssjquery-animate

Looking for guidance on sending data from a JS file to HTML using Nodejs? Seeking advice on various modules to achieve this task effectively? Let's

Looking for advice on the most effective method to transfer data from a JS file (retrieved from an sqlite db) to an HTML file in order to showcase it in a searchable table. My platform of choice is NodeJS. As a beginner, I am willing to put in extra time a ...

javascripthtmlnode.jssqliteexpress

Transferring data from JavaScript variables to PHP function through AJAX requests

Within my dashboard.php, there is a JavaScript function triggered by a button click event named getTeamMembers. This function receives values from the user's interaction and passes them to a PHP function also present in dashboard.php. Despite my effo ...

javascriptphpajax

What is preventing me from being able to view the contents of the hidden columns in this DataTable?

The issue at hand I am facing a challenge with accessing the content of each cell within my data table. My goal is to retrieve the text of every cell in every row, including the ones that are hidden, in order to print and display all elements accurately. ...

javascripthtmljquerydatatable