Как объединить или поместить все значения в одну переменную в каждом цикле с помощью jquery

У меня есть образец структуры json. Здесь я получаю все значения в предупреждении, используя каждый цикл jquery с функцией успеха вызова ajax. Я получаю правильное значение в предупреждении, но я получаю одно за другим, мне нужно собрать все в одно предупреждение, возможно, используются push, join или split, которые должны быть разделены просто пробелом, я не получаю на самом деле то, что мне нужно делать здесь.

Ниже приведен код, а также я обновил его в следующем плункере: http://plnkr.co/edit/KhFhW4Z3Kk4QwvRDr1pX?p=preview

html

<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<div class = "col-md-3" id = "leftNavBar">

</div>
   <script src = "script.js"></script>

script.js

$.ajax({
  type: "GET",
  url: '1.json',
  success: function(result) {
    var parents = {};
    $.each(result, function(val) {
    var newjoinval = result[val].name+"-"+result[val].value
    alert(newjoinval);

    });

  }
});

1.json

[{
    "name": "parent1",
    "value": ["child11", "child12"]
}, {
    "name": "parent2",
    "value": ["child2"]
}, {
    "name": "parent3",
    "value": ["child3"]
}]

Используйте оператор += для добавления данных к строковой переменной и предупреждения результата после в каждом цикле.

Thielicious 27.10.2018 12:16
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
37
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы показываете alert с отдельным элементом в каждой итерации result. Вы можете сгенерировать строку в желаемой форме с помощью map() и join() с символом пробела (), прежде чем отображать ее в alert.

Измените success следующим образом:

success: function(result) {
  var parents = {};
  var newjoinval = result.map(p => p.name+"-"+p.value).join(' ');
  alert(newjoinval);
}

Демо:

var result = [{
    "name": "parent1",
    "value": ["child11", "child12"]
}, {
    "name": "parent2",
    "value": ["child2"]
}, {
    "name": "parent3",
    "value": ["child3"]
}];

var newjoinval = result.map(p => p.name+"-"+p.value).join(' ');
alert(newjoinval);

Другие вопросы по теме