Dealing with a Typescript challenge of iterating over a tuple array to extract particular values

Question

Dealing with a Typescript challenge of iterating over a tuple array to extract particular values

I am struggling with writing a function that extracts names from an array of tuples, where each tuple includes a name and an age. My current attempt looks like this:

type someTuple = [string, number]

function names(namesAndAges: someTuple[]) {
  let allNames: string[]
  allNames.push(namesAndAges.forEach( nameAndAge => nameAndAge[0]))
  
  return allNames
}

However, when I test it with the following input:

names([['Amir', 34], ['Betty', 17]]);

I encounter the error message:

type error: type error: Variable 'allNames' is used before being assigned.

I'm unsure what's causing this issue. Any insights on what might be wrong?

typescript

Answer 1

Answer №1

You forgot to specify that allNames is an array, so make sure to define it like this:

let allNames: string[] = []

If you want to store all names in an array, your function should look something like this:

type PersonTuple = [string, number]

function getNames(personData: PersonTuple[]) {
  let allNames: string[] = []
  personData.forEach( item => 
    allNames.push(item[0])
  )
  return allNames
}

getNames([['John', 30], ['Emily', 25]]);

Playground

Answer 2

You forgot to specify that allNames is an array, so make sure to define it like this:

let allNames: string[] = []

If you want to store all names in an array, your function should look something like this:

type PersonTuple = [string, number]

function getNames(personData: PersonTuple[]) {
  let allNames: string[] = []
  personData.forEach( item => 
    allNames.push(item[0])
  )
  return allNames
}

getNames([['John', 30], ['Emily', 25]]);

Playground

Answer 3

Answer №2

You could enhance the readability of your code by utilizing the .map function in this scenario

function extractNames(namesAndAges: [string, number][]): string[] {
  return namesAndAges.map(nameAndAge => nameAndAge[0]);
}

extractNames([['Amir', 34], ['Betty', 17]]);

Check out TS Playground for a live demonstration

Answer 4

You could enhance the readability of your code by utilizing the .map function in this scenario

function extractNames(namesAndAges: [string, number][]): string[] {
  return namesAndAges.map(nameAndAge => nameAndAge[0]);
}

extractNames([['Amir', 34], ['Betty', 17]]);

Check out TS Playground for a live demonstration

Dealing with a Typescript challenge of iterating over a tuple array to extract particular values

Answer №1

Answer №2

Similar questions

Why is Axios not being successfully registered as a global variable in this particular Vue application?

What is the best way to call a method within a TypeScript class using its name as a string while already inside the class itself?

Unable to retrieve the key value from a child object in Angular 2 when working with JSON Data

The NullInjector has issued an error regarding the lack of a provider for the Decimal

A Project built with React and TypeScript that includes code written in JavaScript file

The stacked bar chart in Apex is not displaying correctly on the x-axis

Show the value in Angular in a dynamic way

Create seamless communication between Angular application and React build

Tips for encapsulating a promise while maintaining the original return type

Combining Typescript interfaces to enhance the specificity of a property within an external library's interface

What is the best way to retry an action stream observable in Angular/RxJS after it fails?

Angular: issue with form validation - password matching is not functioning as expected

Unleashing the Power of Typescript and SolidJS: Expanding the Properties of JSX Elements

Develop a novel object framework by merging correlated data with identical keys

The value returned by Cypress.env() is always null

Encountering an obscure package error while attempting to install an NPM package

Error in Directive: NgControl Provider Not Found

Explaining the functionality of reserved words like 'delete' within a d.ts file is essential for understanding their

The error I encountered with the Typescript React <Select> onChange handler type was quite

Utilizing Angular for making API requests using double quotes