當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript中NaN属性、null对象、Number对象、Object对象
生活随笔
收集整理的這篇文章主要介紹了
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對象設置新原型p | function Person(name) {this.name = name;};var p = {};Object.setPrototypeOf(p, Person.prototype);console.log§;//Person {} |
| object.toLocaleString()方法 | 用字符串表示對象object | var 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聯系筆者 刪除。
筆者:苦海
總結
以上是生活随笔為你收集整理的javascript中NaN属性、null对象、Number对象、Object对象的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: tomcat lifecyclelist
- 下一篇: 启继承父位在什么时候_为什么少儿口才现在