如何使用JavaScript从LocalStorage获取第n个值及示例中的342xyza？

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

首先得提醒你：localStorage里存的都是字符串，所以第一步必须把存储的内容解析成JavaScript对象，才能操作里面的键值对。

1. 获取示例中的"342xyza"值 #

你的localStorage.xyz解析后是{"abc@gmail.com":"342xyza"}，要拿到这个值有两种简单方式：

方式一：通过值数组获取 #

// 1. 把localStorage里的字符串转成对象
const storedObj = JSON.parse(localStorage.xyz);
// 2. 提取对象所有值，变成数组
const values = Object.values(storedObj);
// 3. 数组索引从0开始，这里只有一个值，取索引0即可
const targetValue = values[0];
console.log(targetValue); // 输出 "342xyza"

方式二：直接通过键名获取 #

如果你知道对应的键名（比如这里的abc@gmail.com），可以直接取值：

const storedObj = JSON.parse(localStorage.xyz);
const targetValue = storedObj["abc@gmail.com"];
console.log(targetValue); // 输出 "342xyza"

2. 通用方法：获取对象中的第n个值 #

如果你的存储对象有多个键值对，想要拿第n个值（注意：ES6+之后的JavaScript对象会保留键的插入顺序，旧环境可能不保证这点），可以这么做：

// 第一步：解析localStorage内容为对象
const storedObj = JSON.parse(localStorage.xyz);
// 第二步：把对象的值转换成数组
const valueArray = Object.values(storedObj);
// 第三步：获取第n个值（数组索引从0开始，所以第n个值对应索引n-1）
const n = 2; // 比如要取第2个值
if (valueArray.length >= n) {
  const nthValue = valueArray[n - 1];
  console.log(nthValue);
} else {
  console.log(`对象里没有第${n}个值哦`);
}

额外注意点 #

• 一定要用JSON.parse()解析，不然直接拿localStorage.xyz得到的是字符串，没法直接访问属性。
• 加个长度判断可以避免数组越界报错，更稳妥。

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