Ways to populate the second nested array with new values without overwriting existing ones

Question

Ways to populate the second nested array with new values without overwriting existing ones

I am encountering the following issue:

this.logs = {};

this.logs[1] = resp;

In my initial array, I have the result shown in the image below: https://i.sstatic.net/RScSm.png

However, when I try to add a second level array with another array like this:

this.logs[1][i] = resp;

The values of the second array overwrite the strings of the first array. I am unsure of how to proceed in this scenario. My goal is to have a second level array without overwriting the strings of the first array. The outcome I want exists in the image referenced here: https://i.sstatic.net/7ItLG.png

If anyone has any suggestions on how to achieve this, please let me know as I am stuck on what steps to take next.

javascript arrays angular typescript arraylist

Answer 1

Answer №1

It's still a bit unclear to me what your goal is, particularly with the double ngFor. Here is an example of how you can merge values from two arrays into one:

function mergeArrays() {
  let results = [];

  const arrayOne = ['red', 'green', 'blue', 'yellow', 'orange'];
  const arrayTwo = ['apple', 'banana', 'cherry', 'date', 'fig'];

  results = arrayOne.map((value, index) => { return value + ' ' + arrayTwo[index]});

  console.log('Merged array result:')
  console.log('results:', results)

  // Merged array result:
  // results: Array(5) [ "red apple", "green banana", "blue cherry", "yellow date", "orange fig" ]
}

Check out the demo: https://jsfiddle.net/abc123/

I hope I grasped your intention correctly; if not, could you please clarify what you mean by a second level?

Answer 2

It's still a bit unclear to me what your goal is, particularly with the double ngFor. Here is an example of how you can merge values from two arrays into one:

function mergeArrays() {
  let results = [];

  const arrayOne = ['red', 'green', 'blue', 'yellow', 'orange'];
  const arrayTwo = ['apple', 'banana', 'cherry', 'date', 'fig'];

  results = arrayOne.map((value, index) => { return value + ' ' + arrayTwo[index]});

  console.log('Merged array result:')
  console.log('results:', results)

  // Merged array result:
  // results: Array(5) [ "red apple", "green banana", "blue cherry", "yellow date", "orange fig" ]
}

Check out the demo: https://jsfiddle.net/abc123/

I hope I grasped your intention correctly; if not, could you please clarify what you mean by a second level?

Ways to populate the second nested array with new values without overwriting existing ones

Answer №1

Similar questions

Altering the input type of a cloned element in Internet Explorer results in the loss of the value

Creating dynamic Ionic slides by fetching data from a database

Anonymized Score Reporting through Google Analytics analytics.js

Receiving a 200 response code, however the controller's store() method is not being accessed

AngularJS ng-submit can be configured to trigger two separate actions

Challenges with jQuery Image Sliders

Tips for implementing an `onclick` event on this specific button

Nodejs image validation not working as expected

Dynamically switch between doubling Ajax calls in JavaScript

The TouchableOpacity function is triggered every time I press on the Textinput

Harnessing the power of the map function in TypeScript

A step-by-step guide on extracting the image source from a targeted element

Unusual actions exhibited by a combination of JavaScript functions

Experiencing difficulties posting on route due to receiving an undefined object instead of the expected callback in Node Js

Parcel js is encountering difficulties running the same project on Ubuntu

Querying MongoDB to filter data using multiple conditions simultaneously

Ways to display additional text with a "Read More" link after three lines of content without relying on a

Issue with Vue method not providing expected output

Having trouble with your Jquery resize or scroll function?

How to remove the initial negative value present in an array using C#