从服务端LinkedHashMap<String,Integer[]>获取JS对象及JSON键值访问咨询

嘿，我来帮你搞定这两个问题：

1. 如何从服务端获取LinkedHashMap<String,Integer[]>类型的JavaScript对象？ #

其实核心逻辑很简单：让服务端把LinkedHashMap序列化成JSON格式返回就可以了。

Java里的LinkedHashMap<String, Integer[]>本质是有序的键值对结构，和JSON的对象结构完全匹配。不管你用的是Spring Boot、Servlet还是其他后端框架，只要配置好JSON序列化（比如Spring默认用Jackson，会自动处理这种集合类型），当接口返回这个LinkedHashMap时，框架会自动把它转成类似你例子里的JSON结构：{"key1":[1,2],"key2":[3,4]}。

前端这边用AJAX请求（比如原生XMLHttpRequest、fetch API或者axios这类库）拿到响应后，解析成JavaScript对象，就直接是你需要的结构了——不需要额外做特殊处理，JSON解析出来的JS对象会完整保留键值对的对应关系。

2. JavaScript中访问JSON对象的键和对应值的正确语法 #

你原来的写法问题在于：JavaScript对象没有size属性，而且不能用数组索引（data[i]）来访问对象的键，因为对象的键是字符串（比如"key1"），不是数字索引。这里给你两种常用的正确写法：

方法一：使用for...in循环遍历键 #

这种方式直接遍历对象的每个键，再通过键获取对应的值数组：

var data = {"key1":[1,2],"key2":[3,4]};

for (var key in data) {
  // 加上这个判断，避免遍历到对象原型链上的额外属性
  if (data.hasOwnProperty(key)) {
    var valueArr = data[key];
    console.log(`当前键：${key}`);
    console.log(`第一个元素：${valueArr[0]}`);
    console.log(`第二个元素：${valueArr[1]}`);
  }
}

方法二：用Object.keys()获取键数组后遍历 #

先拿到对象所有键组成的数组，再通过数组索引遍历键，进而获取值：

var data = {"key1":[1,2],"key2":[3,4]};
var keys = Object.keys(data); // 得到 ["key1", "key2"]

for (var i = 0; i < keys.length; i++) {
  var currentKey = keys[i];
  var valueArr = data[currentKey];
  console.log(`当前键：${currentKey}`);
  console.log(`第一个元素：${valueArr[0]}`);
  console.log(`第二个元素：${valueArr[1]}`);
}

两种方法都能轻松拿到每个键和对应的数组元素，根据你的习惯选就行～

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