각진 문자열에 배열제이에스 앤 로다시

각진 문자열에 배열제이에스 앤 로다시

다음과 같은 배열($scope.paxlist)이 있습니다.

[
   {"name":"Maria","chosen":false},
   {"name":"Jenny","chosen":false},
   {"name":"Ben","chosen":false},
   {"name":"Morris","chosen":false}
]

값만 가져오면 됩니다.nameng-CSV를 제대로 사용할 수 있도록 문자열로 변환합니다.원하는 출력은 다음과 같습니다.

$scope.var = "Maria, Jenny, Ben, Morris"

Angular와 Lodash가 이미 로드되어 있음을 고려할 때, 누가 이 작업을 고통 없이 수행할 수 있는 도구를 이미 가지고 있는지 지적해 줄 수 있습니까?

자바스크립트의 네이티브 맵을 이용하면 아래와 같이 할 수 있습니다.

var data = [
   {"name":"Maria","chosen":false},
   {"name":"Jenny","chosen":false},
   {"name":"Ben","chosen":false},
   {"name":"Morris","chosen":false}
];

data.map(function(obj){return obj.name;}).join(', '); // returns the expected output.

Lodash 사용하기

_.map(data,'name').join(', ')

Lodash는 개체 목록에서 속성을 추출할 수 있습니다.

$scope.var = _.pluck($scope.paxlist, 'name').join(', ');

_.map 또는 _.pluck을 이렇게 사용할 수 있습니다.

$scope.var = _.map($scope.paxlist, 'name').join(', ');

아니면

$scope.var = _.pluck($scope.paxlist, 'name').join(', ');

Mrtyunjay의 답변을 사용하여 문자열 배열을 문자열로 변환하는 다른 버전의 답변입니다.

const _ = require('lodash');
const data = ['abc','xyz','123'];
const translated = _.map(data).join(', ');
console.log(`result: ${translated}`);

언급URL : https://stackoverflow.com/questions/27605014/array-to-string-with-angularjs-and-lodash