Как добавить элемент в массив через функцию?

Question

[Nifontov]

Добрый день.
Мне необходимо, добавлять в массив элемент в массив через определенное время, я не силен в typescript.
Пожалуйста, помогите.

у меня есть вот такой код

import { Component} from '@angular/core';


@Component({
  selector: 'mail-box',
  templateUrl: 'mailBox.component.html',
  styleUrls: ['./style.css']
})

export class mailBoxComponent { 

items = [1];

}

function add(i: number) {
  if (i <= 10) {
    addItem();
    setTimeout(add, 3000);
  }
}

function addItem() {
  this.items.leght + 1;
}

Comments

[AlexaZem]

Зачем сходу нырять в angular, если еще нет базового js?

Answer 1

[nakree]

я не силен в typescript

Может быть в javascript?

Добавить элемент в массив:
https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Почитать про работу setTimeout:
https://learn.javascript.ru/settimeout-setinterval

Пример использования:

let items = [1];

add = (i) => {
  if (i <= 10) {
    setTimeout(() => addItem(i), 3000)
  }
}

addItem = (item) => {
  items = [...items, item]
//items = items.concat([item])
//items.push(item)
}

//проверить
test = () => {
  console.log(items)
  add(5)
  add(6)
  add(999)
  console.log(items)
  setTimeout(() => console.log(items), 3500)
}

test()

//Console:
//[1]
//[1]
//[1, 5, 6]

https://jsfiddle.net/Lhy3n2c5/18/