【问题标题】:How to split array values using angularjs?如何使用 angularjs 拆分数组值?
【发布时间】:2015-08-09 06:16:34
【问题描述】:

如何使用 'angularjs.split' 方法拆分数组值?它在这里不起作用:

var items =["Regular Servicing & Maintenance","Faults (Interior & Exterior)"];
console.log(items.split(',');

【问题讨论】:

  • 你给出错误了吗?因为“console.log(items .split(',');”中有一个空格
  • 你要做什么? Split 是将字符串拆分为数组,但你有一个数组,那么你想要什么? w3schools.com/jsref/jsref_split.asp
  • 你想要达到的理想结果是什么?
  • 我需要拆分定期服务和维护以及故障(内部和外部)
  • @sreemohan 这还不清楚。请更新您的答案以包含所需的输出。

标签: javascript jquery angularjs


【解决方案1】:

嗯,您的问题在多个层面上都令人困惑。一方面,我在documentation 中没有看到用于拆分的AngularJS 函数。

有一个名为 split() 的 JavaScript 方法,但根据链接的文档,它用于将字符串拆分为子字符串数组。

另一方面,您已经使用字符串数组实例化了 items 变量,因此您不会真正从中获得初始值中没有的任何东西。

拆分方法

现在,如果您有一个类似于以下示例的字符串,您可以用逗号将其拆分并生成一个类似于您在问题中得到的数组:

var str = "Apples, Bananas, Cherries";
var arr = str.split(', '); //Note the space as well
console.log(arr); //Yields ["Apples", "Bananas", "Cherries"]

加入方法

但是,如果您正在寻找相反的内容,并且希望将它们加入逗号分隔的字符串中,您可能会查看 join() JavaScript 方法,该方法如下所示(续上):

var result = arr.join(', '); //Note the space again
console.log(result); //Apples, Bananas, Cherries

IndexOf 方法

为了匹配您在我发布此内容后留下的评论,如果您正在寻找与给定字符串匹配的数组的索引值,请查看indexOf() 方法,按照以下(同样,从上面的例子):

var index = arr.indexOf('香蕉'); //产量 1 var indexRes = arr[索引]; //产生'香蕉'

如果您正在寻找其他内容,则需要澄清最初的问题。

【讨论】:

  • var services = 定期服务和维护,故障(内部和外部;
  • 我不知道你想说什么。这将失败,因为您在字符串的任一侧(在您删除引号的中间)都有无效和未定义的对象。如果您打算将所有这些作为一个字符串呈现,请查看上面的拆分方法部分。
【解决方案2】:

以下代码代表 JavaScript 代码

var items = ["Regular Servicing & Maintenance", "Faults (Interior & Exterior)"];
    for (var i = 0; i < items.length; i++) {
        console.log("Input:-" + items[i])
        console.log("Output:-" + items[i].split('&'));
    }
输入:-定期服务和维护 输出:-定期服务、维护 输入:-Faults(内部和外部) 输出:-故障(内部,外部)

如何使用 angularJs 拆分数组值

$scope.items = [{
        'item': 'Regular Servicing & Maintenance'
    }, {
        'item': 'Faults (Interior & Exterior)'
    }]
    $scope.array = [];
    angular.forEach($scope.items, function(value, key) {
        var splitLength = value.item.split('&').length;
        for (var i = 0; i < splitLength; i++) {
            $scope.array.push(value.item.split('&')[i]);
        }
    });
    console.log($scope.array)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-03-27
    • 1970-01-01
    • 2020-02-28
    • 2018-07-10
    • 1970-01-01
    • 2019-09-29
    • 1970-01-01
    相关资源
    最近更新 更多