Object.keys方法

Object.keys方法详解

一.官方解释 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 .如果对象的键-值都不可枚举,那么将返回由键组成的数组. 二.语法 Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组三.处理对象,返回可枚举的属性数组 <!DOCTYPE html> <html> <head> <met…

Object.keys方法之详解

在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组传入对象,返回属性名 var obj = {'a':'123','b':'345'}; console.log(Object.keys(obj)); //['a','b'] var obj1 = { 100: "a", 2: "b", 7: "c"}; console.log(Object.keys(obj1)); /…

我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组传入对象,返回属性名 var obj = {'a':'123','b':'345'}; console.log(Object.keys(obj)); //['a','b'] var obj1 = { 100: "a", 2: "b", 7: "c"}; console.log(Object.keys(obj1)); // conso…

Object.keys()方法

一.定义和用法返回对象的可枚举属性和方法的名称.二.参数 obj:要返回器枚举自身属性的对象.三.返回值返回一个所有元素为字符串的数组,其元素来自于从给定的obj里可直接枚举的属性.这些属性的顺序与手动遍历该对象属性时的一致.四.示例 1.let obj = {0:'a', 1:'b', 2:'c'} console.log(Object.keys(obj)) // 返回对象属性名的字符串形式构成的数组 2.let arr = ['a', 'b', 'c'] console.log(Obje…

Object.keys()方法返回对象属性数组

MDN语法 Object.keys(obj) 参数obj:要返回其枚举自身属性的对象. 返回值:一个表示给定对象的所有可枚举属性的字符串数组. 1.传入一个对象,返回的的是所有属性值 var obj2={ "b":5, "7":8, "6":8, "a":6, "8":9, "c":10, "-3":5 } console.log(Object.keys(obj2))…

【转】Object.keys方法之详解

一.语法 Object.keys(obj) 参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组二.处理对象,返回可枚举的属性数组 let person = {name:"张三",age:25,address:"深圳",getName:function(){}} Object.keys(person) // ["name", "age", "address","…

JavaScript indexOf() 方法,获取元素的位置；Object.keys()获取对象的所有key的数组

定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置. 语法 stringObject.indexOf(searchvalue,fromindex) 参数描述 searchvalue 必需.规定需检索的字符串值. fromindex 可选的整数参数.规定在字符串中开始检索的位置.它的合法取值是 0 到 stringObject.length - 1.如省略该参数,则将从字符串的首字符开始检索. 说明该方法将从头到尾地检索字符串 stringObject,看它是…

获取对象属性(key)组成的数组 Object.keys( obj ).md

Object.keys() 方法会返回一个由给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 (两者的主要区别是一个 for-in 循环还会枚举其原型链上的属性).…

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中获取对象属性常用到的三种方法的区别和适用…

Array.from();Object.keys();Array.map()

Array.from():方法从一个类似数组或可迭代对象创建一个新的数组形式: const bar = ["a", "b", "c"]; Array.from(bar); // ["a", "b", "c"] Array.map():方法创建一个新的数组,其结果是该数组中的每个元素调用一个提供的函数: let numbers = [1, 5, 10, 15]; let roots = n…

JavaScript中Object.keys用法

Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组. var data={a:1,b:2,c:9,d:4,e:5}; console.log(data);//{a: 1, b: 2, c: 9, d: 4, e: 5} console.log(Object.keys(data));//["a", "b", "c", "d", "e"] Object.keys(data).map…

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个已经存在的属性，并返回这个对象。

Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象. 语法EDIT Object.defineProperty(obj, prop, descriptor) 参数 obj 需要定义属性的对象. prop 需定义或修改的属性的名字. descriptor 将被定义或修改的属性的描述符. 返回值返回传入函数的对象,即第一个参数obj 描述EDIT 该方法允许精确添加或修改对象的属性.一般情况下,我们为对象添加属性是通过…

for in可遍历原型链上扩展的属性，Object.keys() 只遍历自身属性

一.for in 1.使用 for in 循环遍历对象的属性时,原型链上的所有属性都将被访问: Object.prototype.say="cgl"; // 修改Object.prototype var person ={ age: 18 }; for (var key in person) { console.log(key, person[key]);//这里用person.key得不到对象key的值,用person[key] 或者 eval("person.&quo…

JavaScript Object.defineProperty()方法详解

Object.defineProperty() 方法直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象. 语法 Object.defineProperty(obj, prop, descriptor) 参数 obj 需要定义属性的对象. prop 需被定义或修改的属性名. descriptor 需被定义或修改的属性的描述符. 描述该方法允许精确添加或修改对象的属性.一般情况下,我们为对象添加属性是通过赋值来创建并显示在属性枚举中(for…in 或Object.keys…

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除了会遍历数组元素外,还会遍历自定义…

Object.keys() https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用for...in 循环遍历该对象时返回的顺序一致 (两者的主要区别是一个 for-in 循环还会枚举其原型链上的属性). 语法 Object.keys(obj) 参数 obj 要返回其枚举自身属性的对象. 返回值一个表示给定对象的所有可枚举属性的字符串数组. 描述 Object.keys 返回一个所有元素为字符串的数组,其元素来自于从给定的对象上面可直接枚举的属性.这些属性的顺序与…

对象属性 Object.getOwnPropertyNames() Object.keys for...in

1.Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组. Object.getOwnPropertyNames(obj) 参数obj是一个对象,其自身的可枚举和不可枚举属性的名称被返回. 返回值是:在给定对象上找到的自身属性对应的字符串数组. 实例: var arr = ["a", "b", "c"]; console.log(Ob…

Object.keys() 遍历对象

Object.keys()方法的运用与数组遍历 Object.keys()用于获得由对象属性名组成的数组,可与数组遍历相结合使用,用起来效果杠杠滴.数组遍历可以用for()或forEach()来实现,forEach()方法是ECMAScript5定义的遍历数组的一个新方法,按照索引的顺序挨个传递给定义的函数:接下来就Object.keys()分别结合for()和forEach()使用进行运用,用console.log输出到控制台,代码如下: 1.for() //创建对象 var person =…

Object.keys()返回对象自身可枚举属性组成的数组

Object.keys()方法是对一个对象的key遍历,会把key组成一个数组返回示例: // 参数为数组时,返回的是数组的索引 let arr1 = [1, 2, '3'] console.log(Object.keys(arr1)) // (3)["0", "1", "2"] let arr2 = [1, 2, '3', 'p', 're'] console.log(Object.keys(arr2)) // (5)["0&quo…

【Object.keys方法】的更多相关文章