JavaScript获取多维数组中相同键值的方法示例

作者:半夏时间:2026-10-21 19:51:41浏览:140

本文通过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错误与调试技巧总结》等专题文章。

希望上述内容对您的JavaScript编程实践有所助益。

作者最新文章