개체를 반복하고 값을 인쇄하는 JS 함수

Question

그래서 개체가 있습니다.

var library = { 
    tracks: { t01: { id: "t01", 
       name: "Code Monkey", 
       artist: "Jonathan Coulton", 
       album: "Thing a Week Three" }, 
      t02: { id: "t02", 
       name: "Model View Controller", 
       artist: "James Dempsey", 
       album: "WWDC 2003"}, 
      t03: { id: "t03", 
       name: "Four Thirty-Three", 
       artist: "John Cage", 
       album: "Woodstock 1952"} 
      } 

    } 

나는 그것을 반복하고 객체의 속성 중 일부를 반환하고자합니다. 결과는 있어야하는데 :

t01: Code Monkey by Jonathan Coulton (Thing a Week Three) 
t02: Model View Controller by James Dempsey (WWDC 2003) 
t03: Four Thirty-Three by John Cage (Woodstock 1952) 

나는 다음과 같은 짓을 - 어떤 원하는 결과를 반환합니다 -하지만 운동이 문제를 해결하기 위해 함수를 사용하는 나에게 묻는다 (var에 printTracks을 = 함수() {}) - 나는 그것을하는 법을 모른다.

내 솔루션 : 함수로 내 코드를 변환하는 방법에 대한 아이디어를

var tracks = library.tracks; 
var result = Object.keys(tracks).forEach(function(t) { 
    var str = t + ': ' + tracks[t].name + ' by ' + tracks[t].artist + '  
    (' + tracks[t].album + ')'; 
    console.log(str) 
}) 

감사.

Answer 1

매개 변수로 속성의 개체를 취하고 필요한 구문 분석/서식 지정을 수행 한 후 문자열을 반환하는 함수만큼 간단 할 수 있습니다. 당신은 기본적으로 이미 로직을 가지고 있지만, 함수에서 랩핑하면 필요한 곳에서 다시 사용할 수 있습니다. 약간의 변경이 이루어 지므로 마지막에 반환 할 수 있도록 result 변수를 작성하십시오. 또한 각 줄의 끝에 \n 개행 문자를 추가합니다.

var library = { 
    tracks: { 
    t01: { 
     id: "t01", 
     name: "Code Monkey", 
     artist: "Jonathan Coulton", 
     album: "Thing a Week Three" 
    }, 
    t02: { 
     id: "t02", 
     name: "Model View Controller", 
     artist: "James Dempsey", 
     album: "WWDC 2003" 
    }, 
    t03: { 
     id: "t03", 
     name: "Four Thirty-Three", 
     artist: "John Cage", 
     album: "Woodstock 1952" 
    } 
    } 
}; 

var printTracks = function (library) { 
    var tracks = library.tracks; 
    var result = ''; 
    Object.keys(tracks).forEach(function (t) { 
    result += t + ': ' + tracks[t].name + ' by ' + tracks[t].artist + ' (' + tracks[t].album + ')\n'; 
    }); 
    return result; 
} 

console.log(printTracks(library)); 

Answer 2

해결 방법은 문자열을 출력합니다. 출력은 보이는

key1: value1 
key2: value2 

같은 object{}처럼 보인다 있다는. 그래서 결과물이 객체라고 생각합니다. 총

function f(value) { // value is an argument 
 
    console.log(value); 
 
} 
 

 
var v = "This is something you can change"; // CHANGEABLE 
 

 
f(v);

:

의 arguments있는 function이 에있다 물건을 일반화

var library = { 
 
    tracks: { 
 
    t01: { 
 
     id: "t01", 
 
     name: "Code Monkey", 
 
     artist: "Jonathan Coulton", 
 
     album: "Thing a Week Three" 
 
    }, 
 
    t02: { 
 
     id: "t02", 
 
     name: "Model View Controller", 
 
     artist: "James Dempsey", 
 
     album: "WWDC 2003" 
 
    }, 
 
    t03: { 
 
     id: "t03", 
 
     name: "Four Thirty-Three", 
 
     artist: "John Cage", 
 
     album: "Woodstock 1952" 
 
    } 
 
    } 
 
} 
 

 
var tracks = library.tracks; 
 

 
function makeCustomObj(obj) { // The argument is obj 
 
    var res = {}; 
 
    Object.keys(obj).forEach(el => { 
 
    res[el] = obj[el].name + " by " + obj[el].artist; 
 
    }); 
 
    return res; 
 
} 
 

 
var r = makeCustomObj(tracks); 
 
console.log(r);

Answer 3

문자열의 배열 (예제의 경우) 또는 키와 텍스트의 개체 (두 예제 모두)가 필요할 수 있습니다. 라이브러리 개체가 주어진 경우 :

function buildTracksArray(object) { 
    var tracks = []; 
    for (var k in object) { 
     var track = object[k]; 
     tracks.push(track.id+': '+track.name+' by '+track.artist+' ('+track.album+')'); 
    } 
    return tracks; // Returns array of strings. 
} 

var tracksArray = buildTracksArray(library.tracks); 
console.log(tracksArray); 
/* Output: 
    [ 
     "t01: Code Monkey by Jonathan Coulton (Thing a Week Three)", 
     "t02: Model View Controller by James Dempsey (WWDC 2003)", 
     "t03: Four Thirty-Three by John Cage (Woodstock 1952)" 
    ] 
*/ 

function buildTracksObject(object) { 
    var tracks = {}; 
    for (var k in object) { 
     var track = object[k]; 
     tracks[track.id] = track.name+' by '+track.artist+' ('+track.album+')'; 
    } 
    return tracks; // Returns object of keys and strings. 
} 

var tracksObject = buildTracksObject(library.tracks); 
console.log(tracksObject); 
/* Output: 
    { 
     t01: "Code Monkey by Jonathan Coulton (Thing a Week Three)", 
     t02: "Model View Controller by James Dempsey (WWDC 2003)", 
     t03: "Four Thirty-Three by John Cage (Woodstock 1952)" 
    } 
*/