📘
NavDoc by Bash School
GithubContact
📘
NavDoc by Bash School
  • 🎓Introduction
  • 🐢Getting Started
  • ⚡Changelog
  • 👨‍🚀Maintainers
  • 🛣️Roadmap
  • Fundamentals
    • The Internet
      • Introduction
      • What is a URL
      • What is a port
      • The DNS protocol
      • The TCP protocol
      • The UDP protocol
      • The Web
      • The HTTP protocol
      • Hyperlinks
      • What is a Web browser
      • What is a Web server
    • HTML
      • Your first HTML page
      • Text tags
      • Attributes
      • Links
      • Images
      • Lists
      • Head Tags
      • Container tags
    • CSS
      • Introduction
      • Colors
      • selectors
      • Cascade
      • Specificity
      • Units
      • Advanced selectors
      • Typography
      • The box model
      • The display property
      • Responsive design
  • JavaScript
    • Basics
      • Introduction
      • Literals , Identifiers, Variables
      • Comments
      • The difference between let, const and var
      • Types
      • Operators and expressions
      • Arithmetic operators
      • The assignment operator
      • Operators precedence
      • Strings
      • Numbers
      • Semicolons, white space and sensitivity
      • Arrays
      • Conditionals
      • Loops
      • Functions
      • Objects
      • Arrays + functions
      • OOPS
      • Asynchronous
      • Scope, hoisting, event loop
      • ES Modules
      • Errors and exceptions
      • Built-in objects
        • The global object
        • Object properties
        • Number
        • String
        • Math
        • JSON
        • Date
        • Intl
        • Set and Map
      • More operators
    • Nodejs
      • Getting Started
      • Installation
      • Hello World in Node
      • Modules
      • Packages
      • File Handling
      • HTTP Request
      • Processing Files
      • HTTP
    • Express.js
      • Getting Started
      • Middleware
      • Serve Static Assets
      • How to Send Files to the Client
      • Sessions
      • Validate Input
      • Sanitizing Data
      • Forms
      • File Uploads
    • React
      • Setting up a React project with Vite
      • React Components
      • Introduction to JSX
      • Using JSX to compose UI
      • The difference between JSX and HTML
      • Embedding JavaScript in JSX
      • Handling user events
      • Managing state
      • Component props
      • Data flow
      • Lifecycle events
      • Managing forms in React
      • Install the React Developer Tools
      • Installing Tailwind CSS in a React app
      • Build a counter in React
    • TypeScript
      • Key Benefits
      • Types of Languages
      • The Need for TypeScript
      • What is TypeScript?
      • The tsc Compiler
      • Basic Types in TypeScript
      • tsconfig
      • Interfaces
      • Types
      • Arrays in TypeScript
      • Enums
      • Exporting and importing
    • MongoDB
      • SQL vs. NoSQL Databases
      • Installing MongoDB
      • MongoDB Databases and Collections
      • Working with Documents
      • MongoDB Operators
      • Sorting, Indexing & Searching
      • Built-in Methods
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. JavaScript
  2. TypeScript

Arrays in TypeScript

Accessing arrays in TypeScript is straightforward. You can annotate the type by adding [] next to the type name.

Example 1: Find Maximum Value in an Array

Given an array of positive integers as input, return the maximum value in the array.

Solution:

function findMaxValue(numbers: number[]): number {
    return Math.max(...numbers);
}

// Example usage:
const numbers: number[] = [1, 5, 3, 9, 2];
console.log(findMaxValue(numbers)); // Output: 9

Example 2: Filter Legal Users

Given a list of users, filter out the users that are legal (greater than 18 years of age).

Solution:

interface User {
    firstName: string;
    lastName: string;
    age: number;
}

function filterLegalUsers(users: User[]): User[] {
    return users.filter(user => user.age > 18);
}

// Example usage:
const users: User[] = [
    { firstName: "Alice", lastName: "Smith", age: 20 },
    { firstName: "Bob", lastName: "Jones", age: 17 },
    { firstName: "Charlie", lastName: "Brown", age: 25 }
];
console.log(filterLegalUsers(users));
// Output: [{ firstName: "Alice", lastName: "Smith", age: 20 }, { firstName: "Charlie", lastName: "Brown", age: 25 }]

Additional Features

1. Readonly Arrays

You can use the readonly modifier to create arrays that cannot be modified after initialization.

Example:

const readonlyArray: readonly number[] = [1, 2, 3];
// readonlyArray.push(4); // Error: Cannot push to a readonly array

2. Array Methods

TypeScript provides array methods such as map, filter, reduce, etc., which work seamlessly with typed arrays.

Example:

const numbers: number[] = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]

Summary

  • Accessing arrays in TypeScript involves annotating the type with [].

  • Arrays can hold values of any type, including primitive types, objects, and even other arrays.

  • TypeScript provides array methods and features like readonly arrays, which enhance the functionality and safety of array operations.

PreviousTypesNextEnums

Last updated 12 months ago

Was this helpful?