Как вернуть массив без запятых?

Question

[historydev]

Добрый вечер.Скажите пожалуйста как мне вернуть массив без разделителей.Функция ниже возвращает контент таким образом: item,item,item и это не очень привлекательно выглядит

function docs(arg) {
			arg = arg.split(',')
			args = []
			for(i=0; i<arg.length; i++) {
				args.push(`<img src='../images/${arg[i]}'>`)
			}

			console.log(args)

			return args
		}

Answer 1

[heIIfire]

Предполагаю что при вызове функции автоматом срабатывает метод toString у массива. Попробуй вручную это сделать.
Так либо в конце функции напиши
return args.join(' ');

Либо сделай то же самое, но уже после вызова
docs(something).join(' ');

Comments

[historydev]

спасибо,а скажите еще пожалуйста,она выглядела изначально вот таким образом,но результата не было,не вставлялось содержимое..

function docs(arg) {
			arg = arg.split(',')
			
			for(i=0; i<arg.length; i++) {
				$('.documents .value').append(`<img src='../images/${arg[i]}'>`)
			}
		}

		docs(data[findId].documents)

		let id = '<div class="id">'+data[findId].id+'</div>',
		name = '<div class="touch name"><div class="info">Название:</div><div class="value">'+data[findId].name+'</div><div class="fas fa-pencil-alt"></div></div>',
		name2 = '<div class="touch item name2"><div class="info">Сокращенное название:</div><div class="value">'+data[findId].name2+'</div><div class="fas fa-pencil-alt"></div></div>',
		name3 = '<div class="touch item name3"><div class="info">Полное название:</div><div class="value">'+data[findId].name3+'</div><div class="fas fa-pencil-alt"></div></div>',
		email = '<div class="touch item email"><div class="info">E-mail:</div><div class="value">'+data[findId].email+'</div><div class="fas fa-pencil-alt"></div></div>',
		region = '<div class="touch item region"><div class="info">Регион:</div><div class="value">'+data[findId].region+'</div><div class="fas fa-pencil-alt"></div></div>',
		city = '<div class="touch item city"><div class="info">Город:</div><div class="value">'+data[findId].city+'</div><div class="fas fa-pencil-alt"></div></div>',
		street = '<div class="touch item street"><div class="info">Поселок,улица,дом:</div><div class="value">'+data[findId].street+'</div><div class="fas fa-pencil-alt"></div></div>',
		face = '<div class="touch item face"><div class="info">Юридический адрес:</div><div class="value">'+data[findId].face+'</div><div class="fas fa-pencil-alt"></div></div>',
		physic = '<div class="touch item physic"><div class="info">Фактический адрес:</div><div class="value">'+data[findId].physic+'</div><div class="fas fa-pencil-alt"></div></div>',
		index = '<div class="touch item index"><div class="info">Почтовый адрес:</div><div class="value">'+data[findId].indexx+'</div><div class="fas fa-pencil-alt"></div></div>',
		phone = '<div class="touch item phone"><div class="info">Телефон:</div><div class="value">'+data[findId].phone+'</div><div class="fas fa-pencil-alt"></div></div>',
		orgn = '<div class="touch item orgn"><div class="info">ОРГН:</div><div class="value">'+data[findId].orgn+'</div><div class="fas fa-pencil-alt"></div></div>',
		documents = '<div class="touch item documents"><div class="info">Документы:</div><form enctype="multipart/form-data" action="/upload" method="POST"><input type="file" name="imgUploader" multiple><button type="submit">Загрузить</button></form><div class="value"></div><div class="fas fa-pencil-alt"></div></div>',
		creator = '<div class="touch item creator"><div class="info">Роли:</div><div class="value">'+role.name+'</div><div class="fas fa-pencil-alt"></div></div>',
		bank = '<div class="touch item bank"><div class="info">Банк:</div><div class="value">'+data[findId].bank+'</div><div class="fas fa-pencil-alt"></div></div>',
		bik = '<div class="touch item bik"><div class="info">БИК:</div><div class="value">'+data[findId].bik+'</div><div class="fas fa-pencil-alt"></div></div>',
		rs = '<div class="touch item rs"><div class="info">Р/С:</div><div class="value">'+data[findId].rs+'</div><div class="fas fa-pencil-alt"></div></div>',
		ks = '<div class="touch item ks"><div class="info">К/С:</div><div class="value">'+data[findId].ks+'</div><div class="fas fa-pencil-alt"></div></div>',
		button = '<button class="save">Сохранить</button>'

		$('.control-company *').detach()
		$('.control-company').append(id+name+name2+name3+email+region+city+street+face+physic+index+phone+orgn+documents+creator+bank+bik+rs+ks+button)

[heIIfire]

Владимир, ну тут без подробного анализа не обойтись. Попрубуйте пошагово дебажить код.

https://learn.javascript.ru/debugging-chrome

[historydev]

heIIfire, я внизу удалял все содержимое,вставки нового,перенес код вниз и все заработало,спасибо еще раз.

const docs = data[findId].documents.split(',')

		for(i=0; i<docs.length; i++) {
			$('.documents .value').append(`<img src='../images/${docs[i]}'>`)

		}

Answer 2

[ildar-meyker]

Это шутка такая? Как вы умудрились в одной функции собрать столько говнокода?

Comments

[historydev]

Это шутка такая?Поясняйте сначала почему,а потом уже ставьте ярлык.

[ildar-meyker]

Владимир, Меня смутило все: название функции, отсутствие объявлений переменных, выбор имен переменных, переопределение значения аргумента функции, отсутствие точек с запятыми, отсутствие какой-либо читабельности и невнятное назначение самой функции.

[Владимир]

ildar-meyker,
Использование двух массивов вместо сборки сразу в строку, соседство шаблона и цикла for, неявное преобразование результата в строку.

[historydev]

Владимир, ну ведь это не конечный код,а дебаг,сейчас я вообще убрал функцию и вот такой кусок остался

const docs = data[findId].documents.split(',')

		for(i=0; i<docs.length; i++) {
			$('.documents .value').append(`<img src='../images/${docs[i]}'>`)

		}

[Владимир]

Владимир, тоже проблемный код
1) https://developer.mozilla.org/uk/docs/Web/JavaScri...
2) Вы модифицируете дом столько раз, сколько у вас элементов в цикле, хотя модификация дома - одна из самых дорогостоящих операций, дешевле сначала набрать список картинок и только потом добавить их к $('.documents .value') в этом случае редюс - самое то

Answer 3

[Владимир]

https://developer.mozilla.org/uk/docs/Web/JavaScri...
Или
https://developer.mozilla.org/uk/docs/Web/JavaScri...
https://developer.mozilla.org/uk/docs/Web/JavaScri...