JavaScript嵌套for循环显示来自JSON对象的数据数组

-1

我正在从JSON文件中获取数据并使用JavaScript，因此我可以将其显示在网页上。 json文件包含电影强制转换的数据。每个电影演员都有他们演奏的名字，ID和角色（有些角色扮演多个角色）。JavaScript嵌套for循环显示来自JSON对象的数据数组

"abridged_cast":[ 
          {"name":"Tom Hanks","id":"162655641","characters":["Woody"]}, 
          {"name":"Tim Allen","id":"162655909","characters":["Buzz Lightyear"]}, 
          {"name":"Joan Cusack","id":"162655020","characters":["Jessie the Cowgirl"]}, 
          {"name":"Ned Beatty","id":"162672460","characters":["Lots-o'-Huggin' Bear","Lotso"]}, 
          {"name":"Don Rickles","id":"341817905","characters":["Mr. Potato Head"]} 
          ],

我要显示在网页上投如下：主演：汤姆·汉克斯为木质，蒂姆·艾伦的巴斯光年，琼库萨克为杰西女牛仔，内德·贝蒂的地段形踪Huggin '熊&洛特，唐瑞克尔斯先生作为土豆头先生。

什么我得到：主演：汤姆·汉克斯为&伍迪，蒂姆·艾伦为&巴斯光年，琼库萨克为&杰西女牛仔，内德·贝蒂的地段形踪huggin'的熊，& Lotso，演员Don Rickles as & Potato Head先生，

如果演员扮演多个角色并且在最后和最后一个角色之间扮演角色，我只想要一个“&”。 Forr示例：主演：约翰如虎，狮子，树&乌鸦。

我花了很多年试图弄清楚，我真的不明白我做错了什么。下面是我的javascript：

$(document.body).append('<strong>Starring:</strong> '); 
     for (var i = 0;i < movie.abridged_cast.length; i++){ 
      $(document.body).append(movie.abridged_cast[i].name + " as "); 
      for (var j = 0; j < movie.abridged_cast[i].characters.length; j++){ 
        if(movie.abridged_cast[i].characters[j] == movie.abridged_cast[i].characters[movie.abridged_cast[i].characters.length -1] 
        // if the character = the character in the last position 
         && movie.abridged_cast[i].characters[j].length -1 > 0){ 
         // and the position of the character is greater than 0 
         $(document.body).append('& ' + movie.abridged_cast[i].characters[j] + ', '); 
        } 
        else { 
         $(document.body).append(movie.abridged_cast[i].characters[j] + ', '); 
        } 
      } 
     }

来源

2014-04-02 aazzaawwaazzaa

检查字符长度和使用索引，而不是比较数据

for (var j = 0; j < movie.abridged_cast[i].characters.length; j++){ 
       // if more than 1 character 
       if(movie.abridged_cast[i].characters.length>1 
       // and it is the last character in array 
        && j == movie.abridged_cast[i].characters.length-1){ 
        $(document.body).append('& ' + movie.abridged_cast[i].characters[j] + ', '); 
       } 
       else { 
        $(document.body).append(movie.abridged_cast[i].characters[j] + ', '); 
       } 
     }

来源

2014-04-02 10:27:38 paulitto

for (var i = 0;i < movie.abridged_cast.length; i++){ 
     if (movie.abridged_cast[i].characters.length > 0) { 
      $(document.body).append(movie.abridged_cast[i].name + " as "); 
      $(document.body).append(movie.abridged_cast[i].characters[0]); 
      if (movie.abridged_cast[i].characters.length > 1) { 
       for (var j = 1; j < movie.abridged_cast[i].characters.length-1; j++){ 
        $(document.body).append(', ' + movie.abridged_cast[i].characters[j]); 
       } 
       $(document.body).append(' & ' + movie.abridged_cast[i].characters[movie.abridged_cast[i].characters.length-1]); 
      } 
      $(document.body).append('<br>'); 
     } 
    }

来源

2014-04-02 10:30:09 blue

我用数组来连接字符串，因为我觉得他们更易于使用。在小提琴的例子中，我添加了一个额外的名字来测试字符列表中有两个以上的名字。

var summary = ['Starring ']; 
for (var i = 0, l = data.length; i < l; i++) { 
    var txt = [], name = data[i].name, chars = data[i].characters; 
    txt.push(name + ' as '); 
    if (chars.length > 2) { 
     txt.push(chars.slice(0, chars.length - 1).join(', ')); 
     txt.push(' & ' + chars.pop()); 
    } else { 
     txt.push(chars.join(', ')); 
    } 
    txt = txt.join(''); 
    if (i < data.length - 1) { 
     summary.push(txt + ', '); 
    } else { 
     summary.push(txt + '.'); 
    } 
} 

console.log(summary.join(''));

或者你的情况：

$(document.body).append(summary.join(''));

输出

主演汤姆·汉克斯伍迪，蒂姆·艾伦的巴斯光年，琼·库萨克作为杰西女牛仔，内德·贝蒂的地段-o'-Huggin'熊，Lotso & Boo-Boo，Don Rickles为Potato Head先生。

Fiddle

来源

2014-04-02 10:44:42 Andy

JavaScript嵌套for循环显示来自JSON对象的数据数组

回答

相关问题