js 如何遍历对象的属性名,而且按照顺序输出
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 如何遍历对象的属性名,而且按照顺序输出相关的知识,希望对你有一定的参考价值。
js 如何遍历对象的属性名,而且按照顺序输出
主要有三种方式,for...in 、Object.keys(obj)、Object.getOwnPropertyNames(obj):
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>遍历对象的几种方式</title>
</head>
<body>
</body>
<script>
const obj =
a:1,
b:true,
c:"hello"
//方式1:for in方式
for(let key in obj)
console.log(key)
//Object.keys 方式 直接返回一个数组
console.log(Object.keys(obj))
console.log(Object.getOwnPropertyNames(obj))
</script>
</html>
如果想要了解他们具体的区别的话,可以看下这篇博客JS中三种主要的遍历对象的方法:for in、Object.
用Object.keys,或for..in
let obj = a: 1, b: 2, c: 3let keys = Object.keys(obj);
// 循环 keys
// for..in
for (let i in obj)
console.log(i);
js对象属性名驼峰式转下划线
一、题目示例:
思路:
1、匹配属性名字符串中的大写字母和数字
2、通过匹配后的lastIndex属性获取匹配到的大写字母和数字的位置
3、判断大写字母的位置是否为首位置以及lastIndex是否为0,为0则表示匹配结束
4、将存放位置的数组进行从小到大排序,排序后将属性名按照字符串的slice方法切割并使用下划线重组
5、遍历对象的属性名并使用函数改变为新的命名,从新赋值到新的对象上(也可以使用改变对象的ES6新语法)
6、注意,每次在调用函数后,需要清空之前存放位置的数组
二、实现代码
let obj = {Id1: 1, idName1: 2, idAgeName1: 3}; let arr = [] function strReplace(str) { const UP_CASE_REG =/[A-Z]/g; const NUMBER_REG=/[A-Za-z][\\d]/g let newstr = "" getIndex(UP_CASE_REG, str) getIndex(NUMBER_REG, str) arr.sort((a,b)=> a-b ) for(let i = 0;i < arr.length; i ++) { if(i === 0) { newstr += str.slice(0,arr[i]) + "_" } else { newstr += str.slice(arr[i-1],arr[i]) + "_" } } newstr += str.slice(arr[arr.length-1]) return newstr.toLowerCase() } function getIndex(reg, str) { do{ reg.test(str) if(reg.lastIndex !== 0 && reg.lastIndex-1 !== 0){//reg.lastIndex-1 !== 0判断首字母是否大写 arr.push(reg.lastIndex-1) } }while(reg.lastIndex > 0) } function strAllReplace(obj) { let newObj = {} Object.entries(obj).forEach(([key, value]) => { newObj[strReplace(key)] = value arr = [] }) return newObj } console.log(strAllReplace(obj))//{id_1: 1, id_name_1: 2, id_age_name_1: 3}
以上是关于js 如何遍历对象的属性名,而且按照顺序输出的主要内容,如果未能解决你的问题,请参考以下文章