Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Professional JavaScript

You're reading from   Professional JavaScript Fast-track your web development career using the powerful features of advanced JavaScript

Arrow left icon
Product type Paperback
Published in Sep 2019
Publisher
ISBN-13 9781838820213
Length 664 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Authors (4):
Arrow left icon
Hugo Di Francesco Hugo Di Francesco
Author Profile Icon Hugo Di Francesco
Hugo Di Francesco
Siyuan Gao Siyuan Gao
Author Profile Icon Siyuan Gao
Siyuan Gao
Vinicius Isola Vinicius Isola
Author Profile Icon Vinicius Isola
Vinicius Isola
Philip Kirkbride Philip Kirkbride
Author Profile Icon Philip Kirkbride
Philip Kirkbride
Arrow right icon
View More author details
Toc

Table of Contents (12) Chapters Close

Preface 1. JavaScript, HTML, and the DOM 2. Node.js and npm FREE CHAPTER 3. Node.js APIs and Web Scraping 4. RESTful APIs with Node.js 5. Modular JavaScript 6. Code Quality 7. Advanced JavaScript 8. Asynchronous Programming 9. Event-Driven Programming and Built-In Modules 10. Functional Programming with JavaScript Appendix

7. Advanced JavaScript

Activity 8: Creating a User Tracker

Solution

  1. Open the Activity08.js file and define logUser. It will add the user to the userList argument. Make sure no duplicates are added:
    function logUser(userList, user) {
    if(!userList.includes(user)) {
    userList.push(user);
    }
    }

    Here, we used an includes method to check whether the user already exists. If they don't, they will be added to our list.

  2. Define userLeft. It will remove the user from the userList argument. If the user doesn't exist, it will do nothing:
    function userLeft(userList, user) {
    const userIndex = userList.indexOf(user);
    if (userIndex >= 0) {
        userList.splice(userIndex, 1);
    }
    }

    Here, we are using indexOf to get the current index of the user we want to remove. If the item doesn't exist, indexOf will return –1, so we are only using splice to remove the item if it exists.

  3. Define numUsers, which returns the number of users currently inside the list...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime