Exploring the differences between arrays and objects provided by users

Question

Exploring the differences between arrays and objects provided by users

I am working on a functionality that involves comparing user input with predefined usernames and passwords. Here is what I have so far:

var sys = {
    users: [
        {user: 'user1',  pass: 'qwerty'},
        {user: 'Ragnar',  pass: 'lothbrok'},
        {user: 'guest',  pass: 'guest'}
    ],
    valid: function(){
        var userInp = document.getElementById("userInp").value;
        // var pwInp = document.getElementById("pwInp").value;
        var check = false;
        for (var i=0; i < sys.users.length; i++ ){
            if (userInp == sys.users.user /*&& apwInp == 'sys.users{pass}'*/) {
              alert ("logged in")
            } else {
               alert ("no match")
            }
        }
    }

}

I am determined to make it work in this specific way, but I am facing some challenges with it.

javascript arrays

Answer 1

Answer №1

To ensure clarity in your code, it's recommended to keep your username-password combination as a separate object and handle authentication in a distinct block of code.

    //username-password objects
    var sys = {
    users: [
        {user: 'user1',  pass: 'qwerty'},
        {user: 'Ragnar',  pass: 'lothbrok'},
        {user: 'guest',  pass: 'guest'}
    ]}

    //retrieve user inputs and store them in variables
    var username = document.getElementById("userInp").value;
    var password= document.getElementById("passInp").value;
    var count = 0;
    for(i = 0; i< sys.users.length; i++)
    {
        if(sys.users[i].user == username && sys.users[i].pass == password)
            count++;
    }

    if(count>0)
        alert("correct credentials");
    else
        alert("incorrect credentials");

Your code is already quite clear, but separating the authentication logic can make it even more organized. Hope this additional tip helps!

Answer 2

To ensure clarity in your code, it's recommended to keep your username-password combination as a separate object and handle authentication in a distinct block of code.

    //username-password objects
    var sys = {
    users: [
        {user: 'user1',  pass: 'qwerty'},
        {user: 'Ragnar',  pass: 'lothbrok'},
        {user: 'guest',  pass: 'guest'}
    ]}

    //retrieve user inputs and store them in variables
    var username = document.getElementById("userInp").value;
    var password= document.getElementById("passInp").value;
    var count = 0;
    for(i = 0; i< sys.users.length; i++)
    {
        if(sys.users[i].user == username && sys.users[i].pass == password)
            count++;
    }

    if(count>0)
        alert("correct credentials");
    else
        alert("incorrect credentials");

Your code is already quite clear, but separating the authentication logic can make it even more organized. Hope this additional tip helps!

Answer 3

Answer №2

Utilize Array::some method

var system = {
    users: [
        {
            user: 'JohnDoe',
            pass: 'password123'
        },
        {
            user: 'JaneSmith',
            pass: 'securePassword'
        },
        {
            user: 'admin',
            pass: 'admin'
        }
    ],
    validateUser: function () {
        let username = "JaneSmith";
        let password = "securePassword";
        return system.users.some(u => u.user === username && u.pass === password);
    }
}

console.log(system.validateUser())

Answer 4

Utilize Array::some method

var system = {
    users: [
        {
            user: 'JohnDoe',
            pass: 'password123'
        },
        {
            user: 'JaneSmith',
            pass: 'securePassword'
        },
        {
            user: 'admin',
            pass: 'admin'
        }
    ],
    validateUser: function () {
        let username = "JaneSmith";
        let password = "securePassword";
        return system.users.some(u => u.user === username && u.pass === password);
    }
}

console.log(system.validateUser())

Exploring the differences between arrays and objects provided by users

Answer №1

Answer №2

Similar questions

What could be the reason for the data showing up only within a foreach loop but turning into a non-object outside of it?

Service Worker error - Received redirected response when RedirectMode is not set to "follow"

Adding negative values to the Tailwind CSS utility plugin is a simple process that can greatly enhance

Show a caution message when there has been no activity on the page for 3 minutes

Improving a Vue.js notification component with data retrieved from a fetch request result

A quicker method for setting the emitted value to data

Deactivate a button on a specific tab

Continuously flowing chain of replies from a series of queries using RxJS

Guide to manipulating DOM elements with Angular.js: inserting or deleting elements using createElement

Performing a test on API GET Request with Playwright

Guide on using axios in vue.js to interact with the API

The listener is not activating the AJAX function

Using Javascript/HTML to enable file uploads in Rails

The AJAX file retrieval function is not functioning

Change the height of textarea dynamically using jQuery

Ways to resolve the error "Expected an assignment or function call but found an expression with no-unused-expressions"

Require assistance in accessing the second tab on a webpage using JavaScript tabs

Issue with parsing JSON data for heatmap in Mapbox

Having trouble loading an image after successfully connecting to an API with react.js

How can I effectively develop a versatile user interface for a website using Ruby on Rails that is compatible with all