本文通过JavaScript代码示例,展示如何从包含多个对象的多维数组中提取具有相同键名的值。核心逻辑利用临时对象记录键值,最后将结果转换为数组格式输出,适用于需要聚合特定字段数据的场景。
JavaScript提取多维数组键值实现
本文通过具体代码示例,介绍在JavaScript中提取多维数组内相同键对应值的方法。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Demo </TITLE>
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function jstest(){
var arr=[{'key1':'value1','key2':'value2','key3':'value3'},{'key1':'value4','key2':'value5','key3':'value6'},{'key1':'value7','key2':'value8','key3':'value9'}] ;
var obj={};
var narr=new Array();
for(var i=0;i<arr.length;i++){
for(var j in arr[i]){
if(obj[j]!=undefined)
obj[j]+=arr[i][j];
else
obj[j]=arr[i][j];
}
}
for(var i in obj){
narr.push(eval("({'"+i+"':'"+obj[i]+"'})"));
}
//alert(narr[0].key1);
console.log(narr[1].key2);
}
jstest();
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
代码运行后的实际效果如下图所示:

如需了解更多JavaScript相关知识,可参考本站《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》等专题文章。
希望上述内容对您的JavaScript编程实践有所助益。