Angular 5 TypeScript's key value data structure

Question

Angular 5 TypeScript's key value data structure

I am in search of a way to replicate the functionality of a key/value dictionary in Python. My project is utilizing Angular 5 typescript, and I am still exploring the available data types. The ever-changing nature of Angular has made it challenging due to certain datatypes becoming outdated or unsupported.

Here is my objective: If anyone could suggest a reliable resource for guidance, I would be extremely grateful.

Equivalent Code in Python

string = "the bump from the sump in the sump for the trump and the bump"


a = {}
for x in string.split():
    if x in a.keys():
        a[x] += 1
    else:
        a[x] = 1
print(a)

for b in a.keys():
    if a[b] > 1 and a[b] < 4:
        print(b)
    if a[b] >= 4:
        print(b)

angular typescript angular5 angular-datatables

Answer 1

Answer №1

To convert your code to TypeScript, follow the example below:

const sentence: string = "the bump from the sump in the sump for the trump and the bump";

const words: Array<string> = sentence.split(' ');

const wordCount: { [key: string]: number } = words.reduce((acc, word) => {
  acc[word] = (acc[word] || 0) + 1;
  return acc;
}, {});

Object.keys(wordCount).forEach((key) => {
  if (wordCount[key] > 1 && wordCount[key] < 4) {
    console.log(wordCount[key]);
  } else if (wordCount[key] >= 4) {
    console.log(wordCount[key]);
  }
});

Answer 2

To convert your code to TypeScript, follow the example below:

const sentence: string = "the bump from the sump in the sump for the trump and the bump";

const words: Array<string> = sentence.split(' ');

const wordCount: { [key: string]: number } = words.reduce((acc, word) => {
  acc[word] = (acc[word] || 0) + 1;
  return acc;
}, {});

Object.keys(wordCount).forEach((key) => {
  if (wordCount[key] > 1 && wordCount[key] < 4) {
    console.log(wordCount[key]);
  } else if (wordCount[key] >= 4) {
    console.log(wordCount[key]);
  }
});

Answer 3

Answer №2

To implement ES6's Map data type, consider using:

Check out this informative article on the differences between ES6 Map and Object: https://medium.com/front-end-hacking/es6-map-vs-object-what-and-when-b80621932373.

Answer 4

To implement ES6's Map data type, consider using:

Check out this informative article on the differences between ES6 Map and Object: https://medium.com/front-end-hacking/es6-map-vs-object-what-and-when-b80621932373.

Angular 5 TypeScript's key value data structure

Answer №1

Answer №2

Similar questions

The CORS policy is blocking Angular Socket.io Node.js because the requested resource does not have the 'Access-Control-Allow-Origin' header present

Angular Elements generates compact, single-line HTML output

I'm curious as to why I am receiving an empty array as a response when I send a post request to the API

Best practices for Rest API design: Enumerate potential values for entity attributes

Improving the clarity of Jest snapshot test logs using styled from MUI

Transform this React-Redux function component into a class component

Navigating the murky waters of Angular 2 component class methods: Should they be public or

Utilizing Angular 2 to Implement Remote Validation Error Handling in Forms

Angular 2 - Ensuring service executes only when boolean condition is met

Transferring an object to a different component through a router

The Angular HTML Autocomplete feature is not functioning as intended when hosted on a CDN in Chrome, despite setting it to "nope" or "off"

The error occurred due to a TypeError when trying to access undefined properties (specifically 'push') while the R3Injector was processing a provider at core.mjs on line 11577

Transitioning from angular version 5.2 to the latest angular 6.1 version

Is there a way to create identical copies of data with the identical names?

Guide on accessing an element from a predicate object in Typescript while using Angular

Having issues with my Angular 4 + MVC web application not functioning properly in Internet Explorer

What purpose does the "items" property serve in the MatMenu component of angular/material2?

Customizing the appearance of Indicators and Paginator in PrimeNG Carousel

Creating packages for multiple Typescript projects that rely on a shared local module

Anticipated that 'styles' would comprise an array of strings in Angular2