for in 与 object.keys的区别

2026-09-16

关于Object.keys()和for in的区别

今天见到一道面试题让说一说Object.keys()和for in的区别,顿时有些发懵“What's Object.keys?”我立马上网搜了一下,大致作用也是做遍历,参数是一个对象,返回值是一个数组,数组值为对象自有的属性,但是不包括原型属性.相比之下,for in就厉害啦,可以遍历对象的可枚举属性,包括自身属性和原型属性,这大概也是平时用for in 多的原因吧

Object.getOwnPropertyNames和Object.keys

返回对象自己(非原型继承的属性)的属性名称,包括函数. 方法: Object.getOwnPropertyNames(object); Object.keys(object); 参数: object,如果不是object类型,则引发TypeError异常. 例子: 'use strict'; (function(){ if(!Object.getOwnPropertyNames){ console.log('浏览器不支持getOwnPropertyNames'); return; } //人类的

JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别

ECMAScript将对象的属性分为两种:数据属性和访问器属性.每一种属性内部都有一些特性,这里我们只关注对象属性的[[Enumerable]]特征,它表示是否通过 for-in 循环返回属性,也可以理解为:是否可枚举. 然后根据具体的上下文环境的不同,我们又可以将属性分为:原型属性和实例属性.原型属性是定义在对象的原型(prototype)中的属性,而实例属性一方面来自己构造函数中,然后就是构造函数实例化后添加的新属性. 本文主要介绍JavaScript中获取对象属性常用到的三种方法的区别和适

for in,Object.keys()与for of的区别

for in 1.for in一般用于遍历对象的属性: 2.作用于数组的for in除了会遍历数组元素外,还会遍历自定义可枚举的属性,以及原型链上可枚举的属性:3.作用于数组的for in的遍历结果是数组的索引,且都为字符串型,不能用于运算:4.某些情况下,可能按照随机顺序遍历数组元素: Array.prototype.sayLength = function(){ console.log(this.length); } let arr = ['a','b','c','d']; arr.name

[转] JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别

ECMAScript将对象的属性分为两种:数据属性和访问器属性.每一种属性内部都有一些特性,这里我们只关注对象属性的[[Enumerable]]特征,它表示是否通过 for-in 循环返回属性,也可以理解为:是否可枚举.然后根据具体的上下文环境的不同,我们又可以将属性分为:原型属性和实例属性.原型属性是定义在对象的原型(prototype)中的属性,而实例属性一方面来自己构造函数中,然后就是构造函数实例化后添加的新属性. 本文主要介绍JavaScript中获取对象属性常用到的三种方法的区别和适用

论Object.keys(), Object.getOwnPropertyNames(), for in, Object.getOwnPropertySymbol()区别

前不久,一朋友求助,让我给解释一波Object.keys(), Object.getOwnPropertyNames(), for in的区别,面试中好几次呗问了.所以,抽了点时间看了看,大概把我看的过程中做的demo记录一下. 看了网上一些关于介绍Object.keys(), Object.getOwnPropertyNames(), for in, Object.getOwnPropertySymbol()的区别,都介绍得不是很详细,不容易理解,今天抽空来说说这三者的区别. 废话不多说,直接

for in 与 Object.keys 与 hasOwnProperty区别

1.结论 for in遍历对象所有可枚举属性包括原型链上的属性 Object.keys遍历对象所有可枚举属性不包括原型链上的属性 hasOwnProperty 检查对象是否包含属性名,无法检查原型链上是否具有此属性名 2.示例代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport

for in,Object.keys()与for of的用法与区别

Array.prototype.sayLength=function(){ console.log(this.length); } let arr = ['a','b','c','d']; arr.name='数组'; Object.defineProperties(arr,{ type:{ value:true, writable:true, enumerable:true } }) // for in 一般用于遍历对象的属性: 1.作用于数组的for in除了会遍历数组元素外,还会遍历自定义

or in 、Object.keys()以及Object.getOwnPropertyNames有什么区别？

or in .Object.keys()以及Object.getOwnPropertyNames的区别 var obj= Object.create(parent, { b: { value: 2, writable: true, enumerable: true, configurable: true }, c: { value: 3, writable: true, enumerable: false, configurable: true } }); obj.__proto__ = {ag

Object.keys( )与 for in 区别

for in 一般用于对象的遍历: let obj = { a:1, b:2, } for(let key in obj){ console.log(key) } // a // b Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 . let obj = { a:1, b:2, } console.log(Object.keys(obj)) // ["a", "

for...in和Object.keys()区别

区别: for in 用来枚举对象的属性,某些情况下,可能按照随机顺序遍历数组元素 object.keys() 可以返回对象属性为元素的数组,数组中属性名顺序和for in比那里返回顺序一样 ---for in循环会枚举对象原型上的可枚举属性,Object.keys 不会

Object.keys、Object.getOwnPropertyNames区别

用途 Object.keys 定义:返回一个对象可枚举属性的字符串数组: Object.getOwnPropertyNames 定义:返回一个对象可枚举.不可枚举属性的名称: 属性的可枚举性.不可枚举性定义:可枚举属性是指那些内部 “可枚举” 标志设置为 true 的属性,对于通过直接的赋值和属性初始化的属性,该标识值默认为即为 true,对于通过 Object.defineProperty 等定义的属性,该标识值默认为 false. 例子 var obj = { "prop1":

小tips：JS之for in、Object.keys()和Object.getOwnPropertyNames()的区别

for..in循环使用for..in循环时,返回的是所有能够通过对象访问的.可枚举的属性,既包括存在于实例中的属性,也包括存在于原型中的实例.这里需要注意的是使用for-in返回的属性因各个浏览器厂商遵循的标准不一致导致对象属性遍历的顺序有可能不是当初构建时的顺序. 虽然for..in主要用于遍历对象的属性,但同样也可以用来遍历数组元素. var arr = ['a', 'b', 'c', 'd']; // 使用for..in for (var i in arr) { console.log(

for in，Object.keys和Object.getOwnPropertyNames的区别

var parent = Object.create(Object.prototype, { a: { value: 1, writable: true, enumerable: true, configurable: true } }); parent继承自Object.prototype,有一个可枚举的属性a.下面我们在创建一个继承自parent的对象child. var child = Object.create(parent, { b: { value: 2, writable: tru

js 对象与数组相互转化的快捷方法 Object.keys()、Object.values()、Object.entries()

Object.keys() Object.keys 返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性.这些属性的顺序与手动遍历该对象属性时的一致. 例如: let obj = { name: 'haha', age: 20, showName: function () {} } Object.keys(obj) //['name','age','showName'] 处理数组时,返回数组各元素的索引值: let arr = ['a', 'b', 'c']; O

javascript中 for in 、for 、forEach 、for of 、Object.keys().

一 .for ..in 循环使用for..in循环时,返回的是所有能够通过对象访问的.可枚举的属性,既包括存在于实例中的属性,也包括存在于原型中的实例.这里需要注意的是使用for-in返回的属性因各个浏览器厂商遵循的标准不一致导致对象属性遍历的顺序有可能不是当初构建时的顺序.(实例+原型中的可枚举属性) 1.遍历数组虽然for..in主要用于遍历对象的属性,但同样也可以用来遍历数组元素. 2:for..in和for遍历数组时下标类型不一样 var colors = ['red', 'gree

redis中scan和keys的区别

scan和keys的区别 redis的keys命令,通来在用来删除相关的key时使用,但这个命令有一个弊端,在redis拥有数百万及以上的keys的时候,会执行的比较慢,更为致命的是,这个命令会阻塞redis多路复用的io主线程,如果这个线程阻塞,在此执行之间其他的发送向redis服务端的命令,都会阻塞,从而引发一系列级联反应,导致瞬间响应卡顿,从而引发超时等问题,所以应该在生产环境禁止用使用keys和类似的命令smembers,这种时间复杂度为O(N),且会阻塞主线程的命令,是非常危险的. k

关于Object.keys()和Object.values()的使用

关于Object.keys()和Object.values()的使用 1. 关于Object.keys() 1) 处理对象,返回可枚举的所有可枚举属性的字符串数组 let person ={ name:'张三',age:25,address:'深圳' } Object.keys(person) // ['name', 'age', 'address'] Object.keys(person).forEach(key => { console.log(key) //name, age, addre

【前端】js中new和Object.create()的区别

js中new和Object.create()的区别 var Parent = function (id) { this.id = id this.classname = 'Parent' } Parent.prototype.getId = function() { console.log('id:', this.id) }; var Child = function (name) { this.name = name this.classname = 'Child' } Child.proto

[转]IE8兼容Object.keys

转自:http://blog.sina.com.cn/s/blog_6d63cf160102vbsg.html 只需要加入 var DONT_ENUM = "propertyIsEnumerable,isPrototypeOf,hasOwnProperty,toLocaleString,toString,valueOf,constructor".split(","), hasOwn = ({}).hasOwnProperty; for (var i in { toS

for in 与 object.keys的区别

热门专题