js对象转换key

本文介绍了一种深度键值转换方法,用于将后台返回的数据结构中的键名转换为所需格式,支持数组和对象,实现键名映射和深度替换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求场景: 在我们日常开发中,可能会遇到后台返回的key不是你想要的的,或者是不能不能拿来直接用,然后各种for、map…,多的不说了,直接贴代码;

1.代码
/**
 * 转换Key
 * @param obj
 * @param keyMap
 * @param isDeep 是否为深度
 * @return
 */
const convertKey = (obj, keyMap, isDeep) => {
	if (!['[object Array]', '[object Object]'].includes(Object.prototype.toString.call(obj))) {
		throw new TypeError('The first argument should be either an object or an array!');
	}
	if (Object.prototype.toString.call(keyMap) !== '[object Object]') {
		throw new TypeError('The parameter keyMap should be an object!');
	}
	let res = obj instanceof Array ? [] : {};
	if (obj instanceof Object) {
		for (let key in obj) {
			let newKey = Object.keys(keyMap).includes(key) ? keyMap[key] : key;
			res[newKey] = obj[key];
	
			//是否为深度转换
			if (isDeep && obj[key] instanceof Object && Object.keys(obj[key]).length) {
				res[newKey] = convertKey(obj[key], keyMap, isDeep);
			}
		}
	}
	return res;
}
2.示例:
let data = {
	id: '0',
	pid: '',
	label: '根',
	children: [
		{
			id: '1',
			pid: '0',
			label: '四川',
			children: [
				{
					id: '1-1',
					pid: '1',
					label: '成都'
				},
			]
		},
		{
			id: '2',
			pid: '0',
			label: '重庆'
		}
	]
}

let newData = convertKey(data, {
	id: 'code',
	pid: 'parentId',
	label: 'name',
	children: 'nodes'
}, true)

小提示: 该方法是深度拷贝,如果传了第三个参数则为深度替换,否则只会替换第一层;

<think>我们正在处理用户的问题:如何将JavaScript对象转换为数组 根据提供的引用,我们可以总结出几种方法: 引用[1]和[2]虽然提到了类数组对象和字符串转数组,但用户的问题是关于普通对象转数组。 引用[3]和[4]提供了对象转数组的方法: 1. 使用Object.entries():将对象转换为键值对数组。 2. 使用Object.values():将对象的值转换为数组(注意:引用[4]中提到了使用for in循环,实际上可以简化为Object.values)。 3. 使用for...in循环:遍历对象的属性,将每个值推入数组。 但是,用户的问题中并没有明确说明需要转换后的数组是包含键值对还是只包含值。因此,我们需要提供不同的方法,并解释它们分别适用于什么情况。 另外,引用[4]中还提到了使用push方法,在循环中将对象的属性值添加到数组。 因此,我们可以提供以下方法: 方法1:使用Object.values() - 得到对象属性值的数组。 方法2:使用Object.keys() - 得到对象属性名的数组。 方法3:使用Object.entries() - 得到由键值对组成的数组(每个键值对是一个数组)。 方法4:使用循环(如for...in)手动构建数组。 注意:引用[3]中直接使用了Object.entries(),引用[4]中使用了循环。 下面我们将详细说明这些方法。</think>### JavaScript 对象转数组的实现方法 在 JavaScript 中,将对象转换为数组主要有以下三种常用方法,根据需求选择不同的转换方式: #### 1. **`Object.values()` 方法** 获取对象所有属性值组成的数组: ```javascript const student = { name: '小明', age: 18, city: '北京' }; const valuesArray = Object.values(student); console.log(valuesArray); // 输出: ["小明", 18, "北京"] ``` **适用场景**:仅需对象的值,忽略键名。 #### 2. **`Object.entries()` 方法** 获取键值对组成的二维数组(ES6 新特性): ```javascript const student = { name: '小明', age: 18, city: '北京' }; const entriesArray = Object.entries(student); console.log(entriesArray); // 输出: [["name", "小明"], ["age", 18], ["city", "北京"]] ``` **适用场景**:需要同时保留键名和值,常用于 Map 操作或数据遍历[^3]。 #### 3. **循环遍历法** 手动遍历对象属性并构建数组: ```javascript const student = { name: '小明', age: 18, city: '北京' }; const arr = []; for (let key in student) { if (student.hasOwnProperty(key)) { arr.push(student[key]); // 或 arr.push([key, student[key]]) } } console.log(arr); // 输出: ["小明", 18, "北京"] ``` **适用场景**:需自定义筛选条件(如过滤特定属性)[^4]。 --- ### 关键区别总结 | 方法 | 输出内容 | 是否保留键名 | |--------------------|-----------------------------|--------------| | `Object.values()` | 值数组 `[值1, 值2...]` | ❌ | | `Object.entries()` | 键值对数组 `[[键,值]...]` | ✅ | | 循环遍历法 | 可自定义(值/键值对) | 可选 | > **注意**: > - 类数组对象(如 `arguments`)需用 `Array.from()` 转换[^1][^2] > - 对象属性顺序:ES6 后字符串键按添加顺序排列,但数字键优先排序
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值