是否有一种优雅的方法来访问对象的第一个属性。。。
你不知道你的财产的名字而不使用像..这样的循环。。in或jQuery的$.each
例如,我需要在不知道foo1名称的情况下访问foo1对象:
var example = {
foo1: { /* stuff1 */},
foo2: { /* stuff2 */},
foo3: { /* stuff3 */}
};
是否有一种优雅的方法来访问对象的第一个属性。。。
你不知道你的财产的名字而不使用像..这样的循环。。in或jQuery的$.each
例如,我需要在不知道foo1名称的情况下访问foo1对象:
var example = {
foo1: { /* stuff1 */},
foo2: { /* stuff2 */},
foo3: { /* stuff3 */}
};
当前回答
下面是获取第一个密钥的更简单的方法:var对象={foo1:'第一个属性“foo1”的值',foo2:{/*stuff2*/},foo3:{/*stuff3*/}};let[firstKey]=对象.keys(对象)console.log(firstKey)console.log(对象[firstKey])
其他回答
我不建议您使用Object.keys,因为旧IE版本不支持它。但如果你真的需要,你可以使用上面的代码来保证向后兼容性:
if (!Object.keys) {
Object.keys = (function () {
var hasOwnProperty = Object.prototype.hasOwnProperty,
hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
dontEnums = [
'toString',
'toLocaleString',
'valueOf',
'hasOwnProperty',
'isPrototypeOf',
'propertyIsEnumerable',
'constructor'
],
dontEnumsLength = dontEnums.length;
return function (obj) {
if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null) throw new TypeError('Object.keys called on non-object');
var result = [];
for (var prop in obj) {
if (hasOwnProperty.call(obj, prop)) result.push(prop);
}
if (hasDontEnumBug) {
for (var i=0; i < dontEnumsLength; i++) {
if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
}
}
return result;
}})()};
功能Firefox(壁虎)4(2.0)Chrome 5 Internet Explorer 9 Opera 12 Safari 5
更多信息:https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/keys
但如果您只需要第一个,我们可以安排一个更短的解决方案,如:
var data = {"key1":"123","key2":"456"};
var first = {};
for(key in data){
if(data.hasOwnProperty(key)){
first.key = key;
first.content = data[key];
break;
}
}
console.log(first); // {key:"key",content:"123"}
这是我的解决方案
const dataToSend = {email:'king@gmail.com',password:'12345'};
const formData = new FormData();
for (let i = 0; i < Object.keys(dataToSend).length; i++) {
formData.append(Object.keys(dataToSend)[i],
Object.values(dataToSend)[i]);
}
console.log(formData);
这一点以前已经在这里讨论过了。
第一个概念不适用于对象财产,而for的顺序。。。在循环中并没有得到规范的保证,但实际上它是可靠的FIFO,除了chrome(错误报告)。据此做出决定。
我们也可以采用这种方法。
var example = {
foo1: { /* stuff1 */},
foo2: { /* stuff2 */},
foo3: { /* stuff3 */}
};
Object.entries(example)[0][1];
这是一个老问题,但大多数解决方案都假设我们知道属性的名称,但事实并非如此。例如,如果您试图从用户可以上传的文件或类似案例中可视化数据,则情况并非如此。
这是我使用的一个简单函数,在两种情况下都可以使用,即您知道变量,如果不知道,它将返回对象的第一个属性(按字母顺序排序)
label函数接收对象d,如果存在则提取键,否则返回对象的第一个属性。
常量数据=[{label:“A”,值:10},{标签:“B”,值:15},{label:“C”,值:20},{label:“D”,值:25},{label:“E”,值:30}]const keys=['label',0,'',null,undefined]常量标签=(d,k)=>k?d[k]:对象.值(d)[0]data.forEach(d=>{console.log(`first:${label(d)},label:${label(d,keys[0])}`)})keys.forEach(k=>{console.log(`${k}的标签:${label(data[0],k)}`)})
对于0、“”、null和undefined等值,将返回数组的第一个元素。