javascript中NaN属性、null对象、Number对象、Object对象

NaN属性:

表示不是一个数字,是全局对象的属性,其初始值为NaN

	<script>console.log(NaN == NaN); //false</script>

null对象:

特指对象的值未设置

	<script>console.log(null == undefined); //trueconsole.log(null === undefined); //falseconsole.log(null === null); //true</script>

Number对象:

可以处理数字值的对象,由Number()构造器创建,其相关属性和方法如下:
在这里插入图片描述
继:

在这里插入图片描述
Object对象:

构造函数创建一个对象的包装容器,相关属性和方法如下:

属性或方法描述案例
object.constructor属性返回对象的构造函数原型var num = new Date();console.log(num.constructor); //ƒ Date() { [native code] }
Object.assign(target,sources)方法若target对象和sources对象有相同的键,那么sources对象中相同键的属性值将覆盖target对象中相同的键的属性值,不同的键的值都保留,并返回这个新对象var str1 = {a:1,b:2,c:3};var str2 = {d:4,b:5,d:6};var str3 = Object.assign(str1,str2);console.log(str3);//{a: 1, b: 5, c: 3, d: 6}
Object.create(x)方法在x对象的基础上创建新的对象,属性继承x的属性,可以给新对象添加新的方法和属性var obj1 = {a: 1,b: 2,c: 3};var obj2 = Object.create(obj1);obj2.d = 4;console.log(obj2.c); //3
Object.defineProperties(x,属性对象)给x对象定义新的属性或修改现有属性,并返回该对象,后面的属性是一个对象,对象内是属性的定义,定义中有关键字:value该属性的值、 configurable用布尔值控制该属性是否可以被删除或改变、enumerable使用布尔值控制在循环的情况下是否可以拿到该属性、 writable使用布尔值控制该属性在赋值运算中是否可以改变、get该属性的getter函数、set该属性的set函数var obj1 = {a: 1,b: 2,c: 3};Object.defineProperties(obj1, {‘d’: {value: 4,configurable: true,enumerable: true,writable: true},‘e’: {value: 5,configurable: true,enumerable: true,writable: true}});console.log(obj1); //{a: 1, b: 2, c: 3, d: 4, e: 5}
Object.defineProperty(x, 属性名, 属性描述)方法 直接修改或者添加新的属性给x对象,属性描述里面的关键字和Object.defineProperties方法中的一样var obj1 = {a: 1,b: 2,c: 3};Object.defineProperty(obj1, ‘d’, {value: 4,configurable: true,enumerable: true,writable: true});console.log(obj1); //{a: 1, b: 2, c: 3, d: 4}
Object.entries(x)方法将x对象中键值对以数组的形式返回,但是需要遍历才能拿到全部键值对var obj1 = {a: 1,b: 2,c: 3};var keyValue = Object.entries(obj1);for (var [key, value] of keyValue) {console.log([key, value]);};//[“a”, 1] [“b”, 2] [“c”, 3]
Object.freeze(obj)方法冻结x对象,使得不能添加修改属性,即使原型也不行var obj1 = {a: 1,b: 2,c: 3};var keyValue = Object.freeze(obj1);obj1.d = 4;console.log(obj1.d); //undefined
Object.fromEntries(x)方法将键值对列表转换为对象形式,原键值对列表不变var arr = [ [‘0’, ‘a’], [‘1’, ‘b’], [‘2’, ‘c’] ];var obj = Object.fromEntries(arr);console.log(obj);//{0: “a”, 1: “b”, 2: “c”}
Object.getOwnPropertyDescriptor(obj, pro)方法返回某对象上自有属性的对应属性描述符var obj = {name: ‘小明’,age: 18};var result = Object.getOwnPropertyDescriptor(obj, ‘age’);console.log(result.value);//18
Object.getOwnPropertyDescriptors(x)方法获取x对象的所有自身属性的描述符var obj = {name: ‘小明’,age: 18};var result = Object.getOwnPropertyDescriptors(obj);console.log(result);//{name: {…}, age: {…}}
Object.getOwnPropertyNames(x)方法获取对象x中的属性名,返回数组的形式var obj = {name: ‘小明’,age: 18};var result = Object.getOwnPropertyNames(obj);console.log(result); //Array(2)
Object.getOwnPropertySymbols(x)方法返回对象自身的所有 Symbol 属性的数组var obj = {name: ‘小明’};var age = Symbol(18);obj[age] = ‘pro’;var result = Object.getOwnPropertySymbols(obj);console.log(result); //[Symbol(18)]
Object.getPrototypeOf(x)方法返回x对象的原型var obj = {name: ‘小明’};var result = Object.getPrototypeOf(obj);console.log(result); //{constructor: ƒ, defineGetter: ƒ, defineSetter: ƒ, hasOwnProperty: ƒ, lookupGetter: ƒ, …}
object.hasOwnProperty(‘p’)方法判断object对象中是否有p属性,返回布尔值var obj = {name: ‘小明’};var result = obj.hasOwnProperty(‘name’);console.log(result); //true
Object.is(x,y)方法判断x和y是否为同一个值,返回布尔值var str1 = ‘hellow’;var str2 = ‘hellow’;var result = Object.is(str1, str2);console.log(result);//true
Object. isExtensible(x)方法判断x对象是否可以添加新的属性,返回布尔值,需要注意的是这里的对象可以是其他数据类型var obj = {};var result = Object.isExtensible(obj);console.log(result); //true
Object.isFrozen(x)方法判断x对象是否被冻结,返回布尔值var obj = {};var result = Object.isFrozen(obj);console.log(result); //false
F.isPrototypeOf(x)方法判断F构造函数的原型是否在x对象上,返回布尔值function F1() {};function F2() {};function F3() {};F2.prototype = Object.create(F1.prototype);F3.prototype = Object.create(F2.prototype);var f3 = new F3();console.log(F1.prototype.isPrototypeOf(f3) + ‘-’ + F2.prototype.isPrototypeOf(f3) + ‘-’ + F3.prototype.isPrototypeOf(f3)); // true-true-true
Object.isSealed(x)方法判断一个对象是否被密封var obj = {};var result = Object.isSealed(obj);console.log(result);//false
Object.keys(x)方法以数组的形式返回一个对象的键var obj = {name: ‘k’,age: 18};var result = Object.keys(obj);console.log(result); //[“name”, “age”]
Object.preventExtensions(x)方法使对象x不能在添加新的属性var obj = {name: ‘k’,age: 18};Object.preventExtensions(obj);console.log(Object.isExtensible(obj));//false
object.propertyIsEnumerable(x)方法判断对象的x属性是否可以枚举var obj = {name: ‘k’,age: 18};var result = obj.propertyIsEnumerable(name);console.log(result); //false
Object.seal(x)方法将x对象封闭,使其不得添加新属性及属性不能进行配置var obj = {name: ‘k’,age: 18};Object.seal(obj);console.log(Object.isSealed(obj)); //true
Object.setPrototypeOf(x, p)方法给x对象设置新原型pfunction Person(name) {this.name = name;};var p = {};Object.setPrototypeOf(p, Person.prototype);console.log§;//Person {}
object.toLocaleString()方法用字符串表示对象objectvar obj = [1, 2, 3];var result = obj.toLocaleString();console.log(result);//1,2,3
object.toString()方法返回以个表示该对象的字符串,和toLocaleString()方法基本一样var obj = {name: ‘jack’};var result = obj.toString();console.log(result); //[object Object]
object.valueOf()方法返回对象的原始值var obj = {name: ‘jack’};var result = obj.valueOf();console.log(result); //{name: “jack”}
Object.values(x)方法将x对象中属性的值以数组的形式返回var obj = {name: ‘jack’,age: 10};var result = Object.values(obj);console.log(result); //[“jack”, 10]

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者 删除。
笔者:苦海

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/575383.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Apache安装、配置、卸载

下载安装配置Apache&#xff1a; 1.将Apache官方下载地址&#xff1a;https://www.apachelounge.com/download/&#xff0c;复制到浏览器打开&#xff0c;选择系统支持的版本下载&#xff0c;如&#xff1a; 2.将下载好的压缩包剪贴到C盘根目录&#xff08;这里为了方便&…

企业级应用架构(一) 三层架构之解耦

前言 前段时间朋友拿了个网站给我&#xff0c;让我帮忙添加几个小功能&#xff0c;我爽快的答应了,但是当我打开源码&#xff0c;我瞬间就奔溃了&#xff0c;整个项目连最基本的三层框架也没有搭建&#xff0c;仅仅是封装了一个sqlhelp作为数据库的操作接口&#xff0c;项目中的…

web api、获取DOM元素的方式、事件理解、click事件在移动端300ms延时、事件对象、事件委托、常见事件类型

web api: API&#xff08;Application Programming Interface&#xff0c;应用程序编程接口&#xff09;是一些预先定义的函数&#xff0c;目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力&#xff0c;而又无需访问源码&#xff0c;无需理解其内部工作机…

transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段

transitionend过渡监听事件&#xff1a; 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数&#xff0c;如下案例&#xff1a; <!DOCTYPE html><html><head><meta charset"utf-8"><title></title><…

Unix/Linux环境C编程入门教程(18) kali-linuxCCPP开发环境搭建

1. Kali linux是BT5的晋级版本&#xff0c;用于信息安全。基于Debian7内核。新建虚拟机。2. 选择默认虚拟机3. 选择稍后安装操作系统4.选择Linux Debian7 64位&#xff0c;因为KaliLinux基于Linux Debian7。5. 设置虚拟机名称为KaliLinux6.设置处理器为双核。7. 设置内存为2G8.…

javascript中BOM介绍、屏幕尺寸、历史记录、URL解析、计算机信息获取、定时器、三大系列及兼容代码、封装动画函数、同步和异步

BOM介绍&#xff1a; BOM指的是浏览器对象模型&#xff0c;是用来操作浏览器的&#xff0c;例如浏览器弹窗、地址栏、滚动条等&#xff0c;浏览器顶级对象&#xff1a;window&#xff1b;页面中的所有内容都是属于window的&#xff0c;window可以省略&#xff1b;confirm(‘带…

javascript中实例对象和构造函数关系、原型语法、原型链、call实现继承、apply调用函数、bind拷贝函数、拷贝继承、class类、super、严格模式、高阶函数、闭包、递归、es6简介

实例对象和构造函数的关系及原型&#xff1a; 实例对象是通过构造函数创建出来的&#xff0c;实例对象的构造器constructor就是指向构造函数的&#xff1b;每个实例对象中的同一方法的指向是各不相同的&#xff0c;但是其属性值相同的属性可以相同&#xff0c;这样会造成内存浪…

移动web现状、viewport视口、二倍图、移动web开发主流方案、布局技术选型(流式布局、flex弹性布局、less+rem+媒体查询布局、混合布局、媒体查询、bootstrap)

移动端web现状&#xff1a; 移动端常见浏览器&#xff1a;UC浏览器&#xff0c;QQ浏览器&#xff0c;Opera浏览器&#xff0c;百度手机浏览器&#xff0c;360安全浏览器&#xff0c;谷歌浏览器&#xff0c;搜狗手机浏览器&#xff0c;猎豹浏览器及杂牌浏览器。移动端常见的浏览…

jQuery中事件及常用事件总结、jQuery中常见效果、隐式迭代、链式编程、样式操作、动画队列、不同元素绑定同一个事件

jQuery事件&#xff1a; jQuery中的事件和javascript中的事件基本相似&#xff0c;不同的是jQuery中的事件处理函数写在事件后面的括号中&#xff0c;如&#xff1a; <script>$(input).click(function() {alert(hello word);});</script>jQuery中常见事件&#xf…

BigQuery 分区表简介和使用

大纲 什么是分区表 我们先看定义&#xff1a; 分区表是一种数据库表设计和管理技术&#xff0c;它将表中的数据划分为逻辑上的多个分区&#xff0c;每个分区包含一组特定的数据。每个分区都根据定义的分区键&#xff08;通常是一个列或字段&#xff09;的值进行分类&#xff…

jQuery操作属性、设置文本、遍历元素、元素创建添加删除、操作元素尺寸、操作元素位置、注册事件、事件处理、解绑事件、拷贝、多库共存、jQuery插件

jQuery操作属性&#xff1a; jQuery中提供三种方法操作属性&#xff0c;分别是&#xff1a;prop()、arrt()、data(),具体如下&#xff1a; prop()操作自带属性&#xff1a;用来操作元素本身自带的属性&#xff08;包括没有显示在DOM上的自带属性&#xff09;&#xff0c;如:a…

分享MYSQL中的各种高可用技术(源自姜承尧大牛)

图片和资料来源于MYSQL大牛姜承尧老师&#xff08;MYSQL技术内幕作者&#xff09; 姜承尧&#xff1a; 网易杭州研究院 技术经理 主导INNOSQL的开发 mysql高可用各个技术的比较 数据库的可靠指的是数据可靠 数据库可用指的是数据库服务可用 可靠的是数据&#xff1a;例如工商银…

数据库、MySQL介绍及安装流程、SQL语句中增删改查、SQL注入、通过php操作数据库,plugin ‘caching_sha2_password加密规则,分表查询

MySQL数据库&#xff1a; 数据库&#xff1a; 存放数据的仓库&#xff0c;用来按照特定的结构去组织和管理我们的数据&#xff0c;有数据库就可以更加方便的储存数据&#xff1b; 数据库只是存储数据的一种手段&#xff0c;最终数据是存放在硬盘中的&#xff0c;只是存放的格…

chartjs和echartsjs库简介

chart.js和echarts.js: 尽管我们已经掌握了canvas绘图和SVG矢量图&#xff0c;在实际开发中我们依旧不会使用canvas和SVG&#xff0c;因为考虑到开发成本&#xff0c;一般会采用相关的图表库进行辅助开发&#xff0c;市面上常用的图表库有chart.js和echarts.js&#xff1b;如果…

弱智的我

【你能看到多少个人头? 】 0—4张: 弱智; 5—8张: 一般人; 9—11张: 特别感性; 11—13张: 精神分裂. 晕倒, 我是弱智的...就看到一个人头...转载于:https://www.cnblogs.com/zhangzujin/p/3877222.html

typecho和wordpress模板了解、开发流程介绍、前台后台前端后端区分

网站模板搭建网站&#xff1a; 使用网站模板搭建网站很简单&#xff0c;只需要将相关文件放到你自己的服务器上面&#xff0c;之后在进行相关的配置即可。这里给大家介绍两款网站模板&#xff1a; typecho&#xff1a; 是一个轻量高效&#xff0c;简单操作就能搭建网站的模板…

在浏览器端调试代码并直接修改原文件、移动端虚拟键盘中实现搜索按钮

在浏览器端调试代码并直接修改原文件&#xff1a; 此调试方法可以避免在浏览器调试完代码后在到原文件手动修改代码的弊端&#xff0c;其具体方法如下&#xff1a; 1.先将要调试的页面在浏览器&#xff08;Google&#xff09;打开&#xff0c;这里小编打开桌面test文件夹中的…

Bootstrap简介、下载bootstrap及引入文件说明、响应式容器和满屏容器、栅格系统

Bootstrap简介&#xff1a; Bootstrap是Twitter&#xff08;推特&#xff09;开发的&#xff0c;目前最受欢迎的前端开源框架&#xff0c;基于jQuery用于开发HTML、CSS、JavaScript&#xff0c;简洁灵活&#xff0c;常用于开发响应式布局及移动端开发。其中文官方文档&#xf…

openerp child_of操作符深度解析

child_of 此操作符&#xff0c;从代码来看&#xff0c;等价于&#xff1a; [(x,child_of,id)] > x.prarent_left >id.parent_left && x.parent_left < id.parent_right , 求x&#xff08;的集合&#xff09;。 为了形象的说明&#xff0c;我们一步步来&…

当ASP.NET Forms验证方式遭遇苹果IOS

一、问题出现 我在用ASP.NET MVC4做微信开发的时候&#xff0c;用Forms验证方式做为authentication。 一般都是在web.config加&#xff1a; <authentication mode"Forms" ><forms loginUrl"~/Account/Login" name"webcookies" sliding…