JavaScript数组筛选问题：提取指定元素并实现后续替换

你的代码问题在哪？ #

1. 变量名不匹配：你定义的数组是data，但循环里用了source，这会直接报错，因为根本没声明过source变量。
2. 判断逻辑错误：你用source.includes('A')判断的是整个数组里有没有"A"，而不是当前循环的元素是不是"A"/"B"/"C"，所以每次push的都是布尔值true，自然拿不到具体元素。

正确筛选目标元素的代码 #

方法1：修正你的for循环写法 #

var data = ["A","B","c","Sam"];
// 定义要找的目标元素集合，注意大小写，原数组里是小写c，如果要匹配不区分大小写可以调整
var targets = ['A', 'B', 'C'];
var result = [];

for(var i = 0; i < data.length; i++){
    var current = data[i];
    // 判断当前元素是否在目标集合里，忽略大小写的话改成 targets.includes(current.toUpperCase())
    if(targets.includes(current)){
        result.push(current);
    }
}
console.log(result); // 区分大小写时输出 ["A", "B"]，忽略大小写则输出 ["A", "B", "c"]

方法2：用数组filter函数（更简洁） #

ES6的filter方法专门用来筛选数组元素，代码更清爽：

var data = ["A","B","c","Sam"];
var targets = ['A', 'B', 'C'];

// 区分大小写筛选
var result = data.filter(item => targets.includes(item));
// 不区分大小写的话用下面这行
// var result = data.filter(item => targets.includes(item.toUpperCase()));

console.log(result);

后续替换元素的操作 #

拿到筛选后的数组后，用map方法就能批量替换元素，比如把"A"换成"Alice"，"B"换成"Bob"，"C"/"c"换成"Charlie"：

// 先定义替换规则
var replaceRules = {
    'A': 'Alice',
    'B': 'Bob',
    'C': 'Charlie',
    'c': 'Charlie'
};

// 一步完成筛选+替换
var finalResult = data
    .filter(item => targets.includes(item.toUpperCase())) // 先筛出目标元素
    .map(item => replaceRules[item] || item); // 按规则替换，没规则就保留原元素

console.log(finalResult); // 输出 ["Alice", "Bob", "Charlie"]

内容的提问来源于stack exchange，提问作者Roger Woods