Javascript Função multiplicação de array

[Veiker]

Olá, sou novo na programação em JAVASCRIPT, gostaria da ajuda de vocês para resolver esse problema.

 

É o seguinte, preciso de uma função que recebe um array e retorna todos multiplicados pelo menos multiplicador.

Ex: 3, 7, 10, 25

Multiplicador: 2

Resultado:

6

14

20

50

 

Eu inicialmente tive essa ideia:

function Tabuada(multiplica) {



    for(var n=0; n<=multiplica.length ; n++) {

        resultado=2*chances[n];

    } return resultado;

    }

    

 

[Rui Guilherme]

Dentro do JavaScript você tem prototype da Array chamado de map que faz uma operação e retorna uma nova array;

 

Dentro do link que eu deixei tem um exemplo que resolve exatamente essa questão.

 

const Valoes = [3, 7, 10, 25]

// Nesse caso o map vai pegar os index da Array 'Valores' e vai multiplicar um por um por 2 retornando uma nova array com os valores multiplicados.
const resultadoMulti = Valoes.map(x => x * 2)

// Essa array vai ter os valores [ 6, 14, 20, 50 ]
console.log(resultadoMulti)

 

 

Uma outra solução caso você queira imprimir os valores individualmente é colocar o console.log() dentro do map, você também pode usar o prototype da Array chamado forEach:

 

const Valoes = [3, 7, 10, 25]

// Nesse caso o map vai pegar os index da Array 'Valores' e vai multiplicar um por um por 2 retornando uma nova array com os valores multiplicados.
Valoes.forEach(element => console.log(element * 2))

/*
A saída do console vai ser:

> 6
> 14
> 20
> 50
*/

 

A diferença entre o forEach e o map() fica clara nesse exemplo, porém se quiser mais detalhes recomendo a leitura desse artigo além dos outros dois links que eu deixei:

https://codeburst.io/javascript-map-vs-foreach-f38111822c0f

[Veiker]

@Rui Guilherme Muito obrigado Guilherme.

E caso eu quisesse usar o "for" para resolver, teria como?

@Rui Guilherme  Mas nesse caso o array que você usou já vem com os números, e caso sejam inseridos números aleatórios?

[Rui Guilherme]

@Veiker

 

Citação

E caso eu quisesse usar o "for" para resolver, teria como?

Sim, apesar de não ser indicado já que o JS6+ o for só é usado em algumas situações... A solução não é mt diferente da que eu fiz.

 

Sobre deixar os valores dinamicos:

Você pode alterar os valoes da variavel "Valores"... Caso queira fazer isso como interação com o usuario você pode fazer isso pelo DOM.

 

Siga meu exemplo:

 

JS:

function Primeiro_exemplo() {
  // Leia isso caso não conheça o querySelectorAll: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll
  const NodeListInputs = document.querySelectorAll('#input')
  
  // Leia isso caso não conheça o Array.from: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from
  const ArrayItens = Array.from(NodeListInputs)
  const Resultado = ArrayItens.map((props) => props.value * 2)
  console.log("Resultado Primeiro exemplo:")
  console.log(Resultado)
}

function Segundo_exemplo() {
  // Leia isso caso não conheça o querySelector: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
  const ValueInput = document.querySelector('#input_unique').value.split(" ")
  const Resultado = ValueInput.map((props) => props * 2)
  console.log("Resultado Segundo exemplo:")
  console.log(Resultado)
}

 

HTML:

<p>Exemplo 1</p>
<br />
<input type="text" id="input" value="2" /><br />
<input type="text" id="input" value="7" /><br />
<input type="text" id="input" value="14" /><br />
<button onclick="Primeiro_exemplo()">Primeiro Exemplo</button>

<p>Exemplo 2</p>
<input type="text" id="input_unique" value="14 16 321 41 1" /><br />
<button onclick="Segundo_exemplo()">Segundo Exemplo</button>

 

Demo online:

https://codepen.io/ruiguilherme/pen/bGRGgOe?editors=1011

(No canto inferior esquerdo desse site tem um botão 'Console', lá você pode ver a saída do JavaScript.)