Necesito que el usuario escriba una matriz de números a través de una entrada. Pero hacerlo solo me devuelve la matriz como una cadena. Desearía poder convertir de alguna manera una cadena en una matriz de números, pero no sé cómo.
Componente.html:
<div class="d-flex justify-content-center mt-5"> <div class="bg-white rounded-1 p-3" style="width: fit-content"> <label for="array" class="form-label">INTRODUCE LA LISTA DE NUMEROS</label> <form [formGroup]="arrayForm" (ngSubmit)="enviarArray()"> <input type="text" formControlName="userArray" id="array" class="form-control" aria-describedby="array" style="font-size: 35px" /> <div class="text-center m-2"> <button type="submit" class="btn btn-dark" style="width: 150px; height: 70px; font-size: 40px" [disabled]="" > Ordenar </button> </div> </form> </div> </div>Componente.ts:
import { Component, OnInit } from '@angular/core'; import { ArrayService } from 'src/app/services/array.service'; import { Array } from 'src/app/models/Array'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; import { Router } from '@angular/router'; @Component({ selector: 'app-home', templateUrl: './home.component.html', styleUrls: ['./home.component.css'], providers: [ArrayService], }) export class HomeComponent implements OnInit { arrayForm: FormGroup; newArray: [] = [] constructor( private arrayService: ArrayService, private formBuilder: FormBuilder ) { this.arrayForm = this.formBuilder.group({ userArray: ['', Validators.required] }) } ngOnInit(): void {} enviarArray(){ console.log(this.arrayForm.value) } }1) Puede usar JSON.parse() para convertir una matriz de cadenas en una matriz de números
JSON.parse(text)Pero asegúrese de manejar la excepción. Si la cadena que pasa no es JSON válida, arrojará
SyntaxError
2) Luego, puede verificar si los datos analizados son una matriz o no usando Array.isArray
const input = document.querySelector("input"); const button = document.querySelector("button"); button.addEventListener("click", e => { const text = input.value; let arrayOfNumber; try { arrayOfNumber = JSON.parse(text); if (Array.isArray(arrayOfNumber)) { console.log("This is valid array: ") console.log(arrayOfNumber); } } catch (error) { console.log("Wrong Array"); } }) <input type="text" name="" id=""> <button>convert</button>