Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在angularJS或javascript中将两个不同的数组值转换为字符串_Javascript_Angularjs_Arrays - Fatal编程技术网

如何在angularJS或javascript中将两个不同的数组值转换为字符串

如何在angularJS或javascript中将两个不同的数组值转换为字符串,javascript,angularjs,arrays,Javascript,Angularjs,Arrays,考虑到这两个阵列: $scope.city= [{id :'NewYork' } , {id : 'Chicago'}]; $scope.color = [{id : 'blue' } , {id : 'Green'}]; 我只需要两个数组的值,如下所示: $scope.string = 'NewYork_Chicago_blue_Green'; 使用Array#map将每个数组转换为字符串数组,然后使用Array#concat将它们转换为字符串数组,并使用下划线连接Array# var

考虑到这两个阵列:

$scope.city= [{id :'NewYork' } , {id : 'Chicago'}];
$scope.color = [{id : 'blue' } , {id : 'Green'}];
我只需要两个数组的值,如下所示:

$scope.string = 'NewYork_Chicago_blue_Green';
使用
Array#map
将每个数组转换为字符串数组,然后使用
Array#concat
将它们转换为字符串数组,并使用下划线连接
Array#

var city=[{id:'NewYork'},{id:'Chicago'}];
var color=[{id:'blue'},{id:'Green'}];
函数getId(o){
返回o.id;
}
var result=city.map(getId).concat(color.map(getId)).join(“”);
控制台日志(结果)
使用
Array#map
将每个数组转换为字符串数组,然后使用
Array#concat
将它们转换为字符串数组,并使用下划线连接
Array

var city=[{id:'NewYork'},{id:'Chicago'}];
var color=[{id:'blue'},{id:'Green'}];
函数getId(o){
返回o.id;
}
var result=city.map(getId).concat(color.map(getId)).join(“”);

控制台日志(结果)您可以使用forEach执行此操作:

    $scope.constructString = function(arr){
        arr.forEach(function(item){
        if($scope.string && $scope.string.length>0)
            $scope.string += '_';
        $scope.string +=  item.id;
    });

    $scope.constructString($scope.city);
    $scope.constructString($scope.color);

您可以使用forEach来实现这一点:

    $scope.constructString = function(arr){
        arr.forEach(function(item){
        if($scope.string && $scope.string.length>0)
            $scope.string += '_';
        $scope.string +=  item.id;
    });

    $scope.constructString($scope.city);
    $scope.constructString($scope.color);

做这项工作的另一种方法是

var city=[{id:'NewYork'},{id:'Chicago'}],
颜色=[{id:'蓝色'},{id:'绿色'}];
结果=city.concat(颜色)
.减少((p,c,i)=>i-1?p+“”+c.id
:p.id+“”+c.id);

控制台日志(结果)做这项工作的另一种方法是:

var city=[{id:'NewYork'},{id:'Chicago'}],
颜色=[{id:'蓝色'},{id:'绿色'}];
结果=city.concat(颜色)
.减少((p,c,i)=>i-1?p+“”+c.id
:p.id+“”+c.id);

控制台日志(结果)尝试以下步骤:

  • 数组方法-用于合并两个或多个数组
  • 数组方法-将数组的所有元素合并为字符串
工作演示:

var city=[{id:'NewYork'},{id:'Chicago'}];
var color=[{id:'blue'},{id:'Green'}];
var cityColor=city.concat(颜色);
var-arr=[];
用于(城市颜色中的var i){
arr.push(cityColor[i].id);
}
var str=arr.join(“”);

console.log(str)尝试以下步骤:

  • 数组方法-用于合并两个或多个数组
  • 数组方法-将数组的所有元素合并为字符串
工作演示:

var city=[{id:'NewYork'},{id:'Chicago'}];
var color=[{id:'blue'},{id:'Green'}];
var cityColor=city.concat(颜色);
var-arr=[];
用于(城市颜色中的var i){
arr.push(cityColor[i].id);
}
var str=arr.join(“”);
console.log(str)