AngularJS技术问题：获取数组中最后一个空type元素的索引

嘿，这个问题我熟！在AngularJS里要找数组最后一个type为空字符串的元素索引，其实有几种靠谱的方法，我给你详细说说：

这种方法是从数组末尾开始往前逐个检查元素，一旦找到type为空字符串的元素，直接返回它的索引——因为是从后找的，第一个命中的就是原数组里最后一个符合条件的元素，效率很高，而且不会有重复对象匹配错误的问题。

代码示例：

// 定义一个通用函数
function getLastEmptyTypeIndex(arr) {
    // 从数组最后一位开始遍历
    for (let i = arr.length - 1; i >= 0; i--) {
        // 严格匹配type为空字符串
        if (arr[i].type === "") {
            return i;
        }
    }
    // 如果没有找到符合条件的元素，返回-1作为标识
    return -1;
}

// 测试你的示例数组
const caseOne = [
    {"name":"Felicity", "gender":"F", "type":"Admin"},
    {"name":"Tony", "gender":"M", "type":""},
    {"name":"Super Man", "gender":"M", "type":""},
    {"name":"Wonder Women", "gender":"F", "type":""},
    {"name":"Hulk", "gender":"M", "type":"User"},
    {"name":"Loky", "gender":"M", "type":"User"},
    {"name":"Thore", "gender":"M", "type":"Admin"}
];

// 调用函数，会返回3（对应Wonder Women的索引）
console.log(getLastEmptyTypeIndex(caseOne));

如果你想利用AngularJS自带的过滤器，也可以先过滤出所有type为空的元素，再取最后一个元素在原数组中的索引。不过要注意：如果数组里存在完全相同的对象（属性一致但引用不同），indexOf可能会返回第一个匹配的索引，导致结果不准确，所以这种方法更适合元素唯一的场景。

代码示例（在AngularJS控制器中使用）：

app.controller('MyController', ['$scope', '$filter', function($scope, $filter) {
    $scope.caseOne = [
        {"name":"Felicity", "gender":"F", "type":"Admin"},
        {"name":"Tony", "gender":"M", "type":""},
        {"name":"Super Man", "gender":"M", "type":""},
        {"name":"Wonder Women", "gender":"F", "type":""},
        {"name":"Hulk", "gender":"M", "type":"User"},
        {"name":"Loky", "gender":"M", "type":"User"},
        {"name":"Thore", "gender":"M", "type":"Admin"}
    ];

    $scope.findLastEmptyTypeIndex = function(arr) {
        // 用$filter过滤出所有type为空的元素，第三个参数true表示严格匹配
        const emptyTypeItems = $filter('filter')(arr, {type: ""}, true);
        if (emptyTypeItems.length === 0) {
            return -1;
        }
        // 取过滤后数组的最后一个元素
        const targetItem = emptyTypeItems[emptyTypeItems.length - 1];
        // 返回该元素在原数组中的索引
        return arr.indexOf(targetItem);
    };

    // 调用后同样返回3
    console.log($scope.findLastEmptyTypeIndex($scope.caseOne));
}]);

小备注 #

两种方法都会在找不到符合条件的元素时返回-1，你可以根据业务场景判断后续的处理逻辑～

内容的提问来源于stack exchange，提问作者Vipul Solanki