对象的API
entries
keys
values
is
assign
create
toSting
Proety
defineProperty(obj,key,propety)
Object.entries(),Object.keys(),Object.values()
理解:获取对象的key、value,组成的数组
使用:
参数:
返回值:转换之后的数组
let obj1 = {'a':1,"b":2,"c":3};
let res1 = Object.entries(obj1);
let res2 = Object.keys(obj1);
let res3 = Object.values(obj1); console.log('返回值',res1); //["a", 1], ["b", 2], ["c", 3]]
console.log('返回值',res2); //["a", "b", "c"]
console.log('返回值',res3); //[1, 2, 3]
Object.is()
理解:判断传入的两个参数是否相等
返回值:返回布尔值
注意值:可以区分NAN
let obj1 = {'a':1,"b":2,"c":3};
let res1 = Object.is("a","b");
let res2 = Object.is(NaN, NaN) console.log('返回值',res1); //false
console.log('返回值',res2); //true
Object.assign()
理解:合并对象,将第二个及后面的参数合并到第一个参数上
返回值:合并之后的第一个参数
原对象:改变
let obj1 = {'a':1,"b":2,"c":3};
let res1 = Object.assign(obj1,{'o':99}); let obj2 = {'a':1,"b":2,"c":3};
let res2 = Object.assign({},obj1,{'o':99}); console.log('原数组',obj1); //{a: 1, b: 2, c: 3, o: 99}
console.log('返回值',res1); //{a: 1, b: 2, c: 3, o: 99} console.log('原数组',obj2); //{a: 1, b: 2, c: 3}
console.log('返回值',res2); //{a: 1, b: 2, c: 3, o: 99}
Object.create()
理解:创建对象,并将对象的__proto__属性上添加对象,对象是传入的参数
返回值:新创建的对象
let obj = {
x : 1,
y : 2,
z :3,
name : 'abc',
study : function () {
console.log(this.name)
}
} let newObj = Object.create(obj);
console.dir(newObj);
Object.Proety()
理解:对象代理,通过对象代理可以获取指定的对象属性和方法
let newObj = (function(){
let obj = {
x : 10,
y : 100,
z : 1000
}
return new Proxy(obj,{
get(obj,property){
if (property != 'x'){
return obj[property]
}
}
})
})();
console.log(newObj.x) //undefined
console.log(newObj.y) //
Object.prototype.toString
理解:转换成字符串
let a = Object.prototype.toString; console.log(a.call("aaa")); //[object String]
console.log(a.call(1)); //[object Number]
console.log(a.call(true)); //[object Boolean]
console.log(a.call(null)); //[object Null]
console.log(a.call(undefined)); //[object Undefined]
console.log(a.call([])); //[object Array]
console.log(a.call(function() {})); //[object Function]
console.log(a.call({})); //[object Object]
属性的遍历
对象的API的更多相关文章
- request对象常用API 获取请求参数的值 request应用 MVC设计模式
1 request对象常用API 1)表示web浏览器向web服务端的请求 2)url表示访问web应用的完整路径:http://localhost:8080/day06/Demo1 ...
- JavaScript 对象所有API解析【2020版】
JavaScript 对象所有API解析[2020版] 写于 2019年08月20日,虽然是2019年写的文章,但现在2020年依旧不过时,现在补充了2019年新增的ES10 Object.fromE ...
- JSP - 9大内置对象及其API
内置对象:不需要预先声明就可以在脚本代码和表达式中随意使用,有以下特点 1.由JSP规范提供,不用编写者实例化 2.提供Web容器实现和管理 3.所有JSP页面均可用 4.只有在脚本元素的表达式或者代 ...
- js学习---常用的内置对象(API)小结 :
内置对象(API): 日期 Date: getFullYear() 返回完整的4位的年份 如:2016 getMonth() 返回月份,从0开始 getDate() 返回当前月的第几天,当 ...
- grunt对象之api
grunt已经扯了七篇了,殊为不易.最后一篇扯点早应该提及的东西,就是module.exports = function(grunt) {}传入的这个grunt.之前的代码grunt一般只出现在Gru ...
- JQUERY-事件-动画-类数组对象-添加自定义API
正课: 1. 事件: 2. 动画: 3. 类数组对象操作: 4. 添加自定义API: 1. 事件: 1. 页面加载后执行: 2个时机 1. DOM内容加载完成: 仅包括html, js DOMCont ...
- 字符串、数组、对象常用API
常用的字符串API 1.常见方法和属性 length 属性,获取字符串的字符数量 charAt(i) 返回给定位置的字符 charCodeAt( ) 返回给定位置的字符的字符编码 <scrip ...
- Servlet中常用对象及API类之间的关系
Servlet最常用的对象: 请求对象:ServletRequest和HttpServletRequest,通过该对象获取来自客户端的请求信息 响应对象:ServletResponse和HttpSer ...
- 数组和对象常用API
数组API: 1. forEach 遍历所有元素 var arr = [1,2,3] arr.forEach(function(item,index){ // 遍历数组的所有元素 console.lo ...
- Java 其他对象的 API
System 类 (java.lang 包下) 该类中的方法和属性都是静态的. 常见方法 // 1, 获取当前时间的毫秒值 long currentTimeMillis(); // 2, 获取系统的属 ...
随机推荐
- 百战程序员——JDBC
JDBC全称是什么? JDBC(Java DataBase Connectivity,java数据库连接)是一种用于执行SQL语句的Java API,可以为多种关系数据库提供统一访问,它由一组用Jav ...
- SSM面试题
一.Spring面试题 1.Spring 在ssm中起什么作用? Spring:轻量级框架 作用:Bean工厂,用来管理Bean的生命周期和框架集成. 两大核心: 1.IOC/DI(控制反转/依赖注入 ...
- Jquery图集
- Android游戏引擎总汇 原文出处:http://software.intel.com/en-us/blogs/2012/03/13/game-engines-for-android?page=1
随着Android系统的使用越来越广泛,了解一下Android平台下的游戏引擎就非常有必要.而同时因为基于Intel x86的移动设备越来越多,我也非常关注支持x86的移动游戏引擎.然而就目前为止游戏 ...
- maya_关于脚本编辑器导入python模块
import sys for p in sys.path: print p rigDir = 'C:\Users\lenovo\Documents\maya\scripts\python\rigLib ...
- Scrapy 代理IP
Scrapy 代理IP 一.Scarpy使用代理IP 1.在setting.py 配置 代理服务器IP 2.在middlermares.py 配置 downloadmiddlermare(下载中间件) ...
- Spring AOP详解
一.前言 在以前的项目中,很少去关注spring aop的具体实现与理论,只是简单了解了一下什么是aop具体怎么用,看到了一篇博文写得还不错,就转载来学习一下,博文地址:http://www.cnbl ...
- Reac全家桶笔记
函数作为无状态组件的使用: const EllipsisTdContent = ({ text, width }) => { return ( <div className="t ...
- Vue Affix组件
在vue的项目中经常用到固钉,但是 element-ui 上并没有提供这样的组件可供使用,ant-design-vue 有提供,总不能为了这一个组件再去引入一个组件库吧 下面是一个封装好的 affix ...
- Btrace 拦截构造函数,同名函数
拦截方法: 1.普通方法 @OnMethod(clazz="", method="") 2.构造函数@OnMethod(claszz="" ...