Em um arquivo JavaScript, possuo o seguinte grupo de arrays:
logo: [
require('@/assets/images/logos/lojas-' + cobrand[0] + '.png'),
require('@/assets/images/logos/lojas-' + cobrand[1] + '.png'),
require('@/assets/images/logos/lojas-' + cobrand[2] + '.png'),
require('@/assets/images/logos/lojas-' + cobrand[3] + '.png')
]
Cada require
faz referência a uma imagem existente na pasta logos
, onde cada imagem tem o nome da loja, como a seguir:
let cobrand = [
'informatica',
'mercearia',
'locadora',
'padaria'
]
Então, dentro da pasta logo
tenho uma imagem para cada cobrand
:
lojas-informatica.png
lojas-mercearia.png
lojas-locadora.png
lojas-padaria.png
Como só tem 4 itens, ficou bem simples utilizar a forma que está nesta pergunta, criar um array com tudo igual mudando apenas o index
do cobrand[i]
.
Só que, quando isso ficar maior, se tornará bastante custoso. Existe uma forma de fazer o array logo
ter 1 linha apenas com todos os cobrands
?
Pensei em utilizar o concat
como neste exemplo que aprendi em outra pergunta:
[].concat(arrayum, arraydois, [ 'valueum', 'valuedois' ])
Porém isso de forma simples, fará com que todos os cobrand
entrem juntos na URL, o que não é o caso que procuro.
não posso criar uma function a não ser que seja dentro da linha do array logo: [].function aqui
ou o for
desde que seja dentro deste array também
for
em cobrand[] e nos required colocar cobrand[i] ??logo: cobrand.map(nome => require(`@/assets/images/logos/lojas-${nome}.png`))
. É isso?