2024年10月js中valueof（JS基本数据类型和引用数据类型）

　　⑴js中valueof（JS基本数据类型和引用数据类型

　　⑵JS基本数据类型和引用数据类型

　　⑶基本数据类型（按值访问：Undefined、Null、Boolean、Number和String引用数据类型（按引用访问：object、Array、functiontypeof（检测基本数据类型时typeof是非常得力的助手可以返回以下种类型：undefined?、boolean、number、string、object（对象和null都是object类型、functioninstanceof（用于检测引用类型：所有引用类型的值都是Object的实例，person（引用类型值instanceofObject永远都是true。要知道是什么类型的对象，使用instanceof操作符接上想要判断的类型，例如colorsinstanceofArray。基本数据类型复制：复制的是该变量的副本，这两个变量可以参与任何操作而不会相互影响引用数据类型复制：复制的是该变量的指针，该指针指向存储在堆中的一个对象。复制操作结束后，两个变量实际上将引用同一个对象。因此，改变其中一个变量，就会影响另一?个变量传参：基本类型和引用类型全部是按值传递，相当于把参数复制一份给到function的局部变量为了便于操作基本类型值，ECMAScript还提供了个特殊的引用类型：Boolean、Number和String。Number类型重写了valueOf()、toLocaleString()和toString()方法。除了继承的方法之外，Number类型还提供了一些用于将数值格式化为字符串的方法。?toFixed()方法会按照指定的小数位返回数值的字符串表示。String对象的方法也可以在所有基本的字符串值中访问到。其中，继承的valueOf()、toLocale-String()和toString()方法，都返回对象所表示的基本字符串值。String类型的每个实例都有一个length属性。字符方法：两个用于访问字符串中特定字符的方法是：charAt()和charCodeAt()。varstringValue=“helloworld“;alert(stringValue.charAt());//“e“alert(stringValue.charCodeAt());//输出““，小写字母“e“的字符编码字符串操作方法、concat:拼接字符串，可接收任意多字符串，不改变原字符串值，虽然concat()是专门用来拼接字符串的方法，但实践中使用更多的还是加号操作符（+。varstringValue=“hello“;varresult=stringValue.concat(“world“,“!“);alert(result);//“helloworld!“alert(stringValue);//“hello“、三个基于子字符串创建新字符串的方法：slice()、substr()和substring()。都接收或个参数。slice()、substring()在接收正数参数时，第一个参数是字符串截取的起始位置，第二个是字符串结束位置。substr()在接收正数参数时，第一个参数同上，第二个参数是截取长度。当第一个参数为负数的时候，slice()和substr()按照参数+字符串长度结果来截取；substring()将负参数转换为；当第二个参数为负数的时候，slice()按照参数+字符串长度结果来截取；substr()和substring()将负参数转换为；、字符串位置方法：有两个可以从字符串中查找子字符串的方法：indexOf()和lastIndexOf()、trim()：删除字符串前后空格，不改变原字符串值、字符串大小写转换方法字符串大小写转换的方法有个：toLowerCase()、toLocaleLowerCase()、toUpperCase()和toLocaleUpperCase()。、字符串的模式匹配方法match()方法只接受一个参数，要么是一个正则表达式，要么是一个RegExp对象。返回数组。search()参数同上。返回要查找的在字符串中第一次出现的位置。字符串替换：varresult=text.replace(“at“,“ond“);、localepare()方法varstringValue=“yellow“;alert(stringValue.localepare(“brick“));//在前面返回，同样位置返回，在后面返回-

　　⑷js中的object对象toString和valueOf的区别

　　⑸valueOf偏向于运算，toString偏向于显示。《br》、在进行对象转换时（例如:alert(a)，将优先调用toString方法，如若没有重写toString将调用valueOf方法，如果两方法都不没有重写，但按Object的toString输出。《br》、在进行强转字符串类型时将优先调用toString方法，强转为数字时优先调用valueOf。《br》、在有运算操作符的情况下，valueOf的优先级高于toString。

　　⑹js中toString和valueOf的区别

　　⑺toString?方法是一个所有内置的JavaScript对象的成员。??它的行为取决于对象的类型：

　　⑻valueOf：返回指定对象的基元值。

　　⑼语法：object.valueOf(?)

　　⑽object?引用是任何内部JavaScript对象，将通过不同的方式为每个内部JavaScript对象定义?valueOf?方法。Math?和?Error?对象都没有?valueOf?方法。

　　⑾总结：toString主要是把对象转换为字符串，而valueOf主要把对象转换成一个基本数据的值这就是他们之间最基本的区别。

　　⑿js在比较一个对象跟一个值比较是调用对象的valueOf方法的返回值

　　⒀是的，默认调用对象的valueOf方法的返回值，这就跟C#和java一样，输出一个对象，会默认调用ToString方法一样,你那个方法加个alert，可以证明比较的时候确实调用了valueOfString.prototype.valueOf=function(){alert(parseFloat(this));returnparseFloat(this);}

　　⒁js中两个等号（==和三个等号（===的区别

　　⒂==equality等同，===identity恒等。==，两边值类型不同的时候，要先进行类型转换，再比较。==，不做类型转换，类型不同的一定不等。下面分别说明：先说===，这个比较简单。下面的规则用来判断两个值是否===相等：、如果类型不同，就、如果两个都是数值，并且是同一个值，那么。（判断一个值是否是NaN，只能用isNaN()来判断、如果两个都是字符串，每个位置的字符都一样，那么。、如果两个值都是true，或者都是false，那么。、如果两个值都引用同一个对象或函数，那么。、如果两个值都是null，或者都是undefined，那么。再说==，根据以下规则：、如果两个值类型相同，进行===比较。、如果两个值类型不同，他们可能相等。根据下面规则进行类型转换再比较：a、如果一个是null、一个是undefined，那么。b、如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。c、如果任一值是true，把它转换成再比较；如果任一值是false，把它转换成再比较。d、如果一个是对象，另一个是数值或字符串，把对象转换成基础类型的值再比较。对象转换成基础类型，利用它的toString或者valueOf方法。js核心内置类，会尝试valueOf先于toString；例外的是Date，Date利用的是toString转换。非js核心的对象，令说（比较麻烦，我也不大懂e、任何其他组合，都。举例：““==true类型不等，true会先转换成数值，现在变成““==，再把““转换成，比较==，相等。=赋值运算符==等于===严格等于例：vara=;varb=““;a==b返回truea===b返回false因为a,b的类型不一样===用来进行严格的比较判断

　　⒃js中valvaluevalueof的区别

　　⒄val()是jQuery方法，如：$(“input:text“).val()，或$(“input:text“).val(“demo“);value是js对象的属性，如document.getElementById(“demo“).value，或document.getElementById(“demo“).value=“demo“。valueof是js对象的方法，如varfruits=;varv=fruits.valueOf();结果是：Banana,Orange,Apple,Mango

　　⒅JS重点之运算符以及运算符优先级

　　⒆JavaScript中的运算符优先级是一套规则。该规则在计算表达式时控制运算符执行的顺序。具有较高优先级的运算符先于较低优先级的运算符执行。例如，乘法的执行先于加法。

　　⒇加+，减—，乘*，除/，求余%，加加++，减减——，

　　⒈加减乘除求余运算与数学上的用法完全一样。

　　⒉不过，加号+还有连接字符串的作用，其他运算符还可以将字符串数字转换成数值型，参见JavaScript中数据类型转换总结中的隐式转换部分。

　　⒊++，——分为前置和后置，前置表示在使用该变量之前加/减，后置表示在使用之后加/减。

　　⒋&&:与运算，当与运算的两个内容都为true的时候，结果为true，只要有一个内容为false，结果都是false，&&可以读作“并且”

　　⒌||:或运算，当或运算的两个内容都为false的时候，结果为false，只要有一个内容为true，结果都是true，||可以读作“或者”

　　⒍!:非运算，取反运算，当内容为true时，取反结果为false，当内容为false时，取反结果为true补充：

　　⒎&&与||的其他用法

　　⒏如果两个操作数都不是布尔类型

　　⒐且两个数值转换成布尔类型都是true，返回第二个操作数

　　⒑如果有一个操作数转换成布尔类型是false，返回这个数

　　⒒varb=undefined&&null

　　⒓console.log(b);

　　⒔返回undefined

　　⒕如果两个操作数都不是布尔类型

　　⒖第一个数转换成布尔类型为true，则不往下看，返回第一个数

　　⒗如果第二个数转换成布尔类型为true，则返回第二个数值。

　　⒘如果两个操作数相等，则返回true。

　　⒙如果两个操作数不相等，则返回true。

　　⒚这两个操作符都会先转换操作数（通常称为强制转型，然后再比较它们的相等性。在转换不同的数据类型时，相等和不相等操作符遵循下列基本规则：

　　⒛如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值——false转换为，而true转换为；

　　如果一个操作数是字符串，另一个操作数是数值，在比较相等性之前先将字符串转换为数值；、如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf()方法，用得到的基本类型值按照前面的规则进行比较；这两个操作符在进行比较时则要遵循下列规则。、null和undefined是相等的。、要比较相等性之前，不能将null和undefined转换成其他任何值。、如果有一个操作数是NaN，则相等操作符返回false，而不相等操作符返回true。重要提示：即使两个操作数都是NaN，相等操作符也返回false；因为按照规则，NaN不等于NaN。如果两个操作数都是对象，则比较它们是不是同一个对象。如果两个操作数都指向同一个对象，则相等操作符返回true；否则，返回false。

　　下表列出了一些特殊情况及比较结果：

　　在两个操作数未经转换就相等的情况下返回true。即数值和类型都相同。

　　varresult=(““==);//true，因为转换后相等varresult=(““===);//false，因为不同的数据类型不相等

　　在两个操作数未经转换就不相等的情况下返回true。数据类型不同就不等。

　　varresult=(““!=);//false，因为转换后相等varresult=(““!==);//true，因为不同的数据类型不相等

　　=，+=，-=，*=，/=

　　简单的赋值操作符由等于号（=表示，其作用就是把右侧的值赋给左侧的变量。

　　如果在等于号（=前面再添加乘性操作符、加性操作符或位操作符，就可以完成复合赋值操作。

　　num=num+;等同于num+=;

　　设计这些操作符的主要目的就是简化赋值操作。使用它们不会带来任何性能的提升。

　　varmax=(num》num)?num:num;在这个例子中，max中将会保存一个最大的值。这个表达式的意思是：如果num大于num（关系表达式返回true，则将num的值赋给max；如果num小于或等于num（关系表达式返回false，则将num的值赋给max。

　　JavaScript也有位运算符，需要先转换成进制数进行运算，在开发中好像还没有用到过，了解一下即可。

　　javascript中运算符优先级

　　push()可以将某些值加入到数组的最后一个位置，并且不限制添加数量（注：数组长度是有限制的，如果需要添加多项内容使用逗号隔开即可，加入后数组长度会增加。leta=;a.push(,);console.log(a);//pop()会移除数组的最后一个元素。leta=;a.pop();console.log(a);//shift()会移除数组的第一个元素。leta=;a.shift();console.log(a);//unshift()会将指定的元素添加到数组的第一个位置。leta=;a.unshift(,,);console.log(a);//reverse()会将数组反转leta=;a.reverse();console.log(a);//splice()可以移除或新增数列的元素，它包含了三个参数，第一个是要移除或要添加的序列号(必填)，第二个是要移除的长度(选填，若不填则从第一个参数序号位置开始，后方的所有元素都会被移除，若设定为则不会有元素被移除)，第三个是要替换的内容(选填)leta=;a.splice(,);console.log(a);//(被移除了)添加第三个参数就能够添加或替换元素。leta=;a.splice(,,);console.log(a);//(被移除，加到第个位置)letb=;b.splice(,,,,);console.log(b);//(,,被移除，,,加到第,,个位置)letc=;c.splice(,,);console.log(c);//(没有元素被移除，加到第个位置)sort()可以针对数组的元素进行排序，里头包含了一个排序用的判断函数，函数内必须包含两个参数，这两个参数分别代表数组里的第n个和第n+个元素，通过比较第n和第n+个元素的大小来进行排序。leta=;a.sort((x,y)=》y-x);console.log(a);//a.sort((x,y)=》x-y);console.log(a);//如果不使用判断函数，默认会将元素转换成字串，并采用unicode来判断，这也会造成某些数字的排序错误，如下段示例：leta=;a.sort();console.log(a);//copyWithin()能复制数组中的某些元素，并将它们放到同一个数组指定的位置，copyWithin()有三个参数，第一个是要置换的位置(必填)，第二个是从什么位置开始复制(选填，预设)，第三个是停止复制的元素的前一个位置(选填，默认值等于数组长度)。leta=;a.copyWithin();console.log(a);//(因和超过数组长度，只出只复制到)letb=;b.copyWithin(,,);console.log(b);//(复制,取代,)fill()会把数组中所有元素，置换为指定的值，fill()有三个参数，第一个是准备要置换的内容(必填)，第二个是从什么位置开始置换(选填，不设定就全部置换)，第三个是停止置换的元素的前一个位置(选填，预设等于数组长度)。leta=;a.fill(’a’);console.log(a);//letb=;b.fill(’b’,,);console.log(b);//length可以取得数组的长度。leta=;console.log(a.length);//indexOf()会判断数组中是否包含某个值，判断的方式为「由左而右」，如果有包含就返回这个值在数组中的索引值，如果没有就返回-，有两个参数，第一个参数表示要判断的值(必填)，第二个参数表示从数组的哪个位置开始判断(选填，预设为)。leta=;console.log(a.indexOf());//console.log(a.indexOf(,));//-(在,,中搜索有没有)lastIndexOf()会判断数组中是否包含某个值，判断的方式为「由右而左」，如果有包含就返回这个值在数组中的索引值，如果没有就返回-，这个方法有两个参数，第一个参数表示要判断的值(必填)，第二个参数表示判断从数组的哪个位置开始从右往左查找(选填，默认为整个数组长度-)。leta=;console.log(a.lastIndexOf());//console.log(a.lastIndexOf(,));//-(只在,中判断，所以没有)find()会将数组中的「每一个」元素带入指定的函数内做判断，并会返回第一个符合判断条件的元素，如果没有元素符合则会返回undefined。leta=;console.log(a.find(e=》e》));//console.log(a.find(e=》e《));//undefinedfindIndex()会将数组中的「每一个」元素带入指定的函数内做判断，并会返回第一个符合判断条件元素的位置索引，如果没有元素符合则会返回-。leta=;console.log(a.findIndex(e=》e》));//console.log(a.findIndex(e=》e《));//-filter()会将数组中的「每一个」元素带入指定的函数内做判断，如果元素符合判断条件则会返回，组成一个新的数组。leta=;console.log(a.filter(e=》e》));//console.log(a.filter(e=》e%==));//forEach()会将数组中每个元素套用到指定的函数里进行运算，函数有三个参数，第一个参数表示每个元素的值(必填)，第二个参数为该元素的索引值(选填)，第三个参数则表示原本的数组(选填)。leta=;letb=;a.forEach(item=》{b=b+item;});console.log(b);//(++++)如果结合第二和第三个参数进行搭配使用，就能做到改变原本数组的效果。leta=;a.forEach((item,index,arr)=》{arr=item*;});console.log(a);//join()可以将数组中所有元素，变成由指定的字符分割合并在一起组合成字符串进行呈现，若没有指定字符默认会用「逗号」合并。leta=;console.log(a.join());//,,,,,,,console.log(a.join(’’));//console.log(a.join(’’));//concat()可以将两个数组合并在一起，如果是使用ES语法也可以用扩展运算符...来代替。leta=;letb=;letc=a.concat(b);letd=;//使用...console.log(c);//console.log(d);//slice()可以截取出数组某部份的元素为一个新的数组，有两个必填的参数，第一个是起始位置，第二个是结束位置(操作时数字减)。leta=;letb=a.slice(,);console.log(b);//map()会处理数组中每个元素，最后返回一个新的数组，里头有一个函数(必填)和一个返回函数里的this参数(选填)，函数内又包含三个参数，第一个是每个元素的值(必填)，第二个是当前元素的索引值(选填)，第三个是当前的数组(选填)。leta=;letb=a.map(e=》{returne+;});console.log(b);//使用第二个和第三个参数的示例:leta=;letb=a.map((e,i,arr)=》{return`${e}${i}${arr.find(e=》e%==)}`;//组合成「元素+索引值+除以五余数为的第一个元素」});console.log(b);//如果要使用回调函数里this的参数，则「不能使用」箭头函数，因为箭头函数的this指向和函数的this指向不同，所以要用一般的函数处理。leta=;letb=a.map(function(e){????returne+this;//此处的this为},);console.log(b);//reduce()可以将数组中每个元素进行计算，每次计算的结果会再与下个元素作计算，直到结束为止，里头包含一个函数(必填)和初始计算的数值(选填)，函数内有四个参数，第一个是计算的值(必填)，第二个是取得的元素(必填)，第三个是该元素的索引值(选填)，第四个是原本的数组(选填)。leta=;letb=a.reduce(function(total,e){returntotal+e;});console.log(b);//(+++++++=)reduceRight()和reduce()大同小异，只是其计算方式是由右到左，对于加法来说没什么影响，但对于减法而言就有差异。leta=;letb=a.reduce(function(total,e){returntotal-e;});console.log(b);//-(-------=-)letc=a.reduceRight(function(total,e){returntotal-e;});console.log(c);//-(-------=-)flat()可以将一个多维数组的深度转成一维(扁平化或称作降维)，它有一个选填的参数，代表要转换的深度数字，预设为（只展开一层放到一维数组里，如果是，只展开层放到一维数组里，如果深度有很多层，可使用Infinity来全部展开成一维数组。leta=;letb=a.flat();letc=a.flat();letd=a.flat(Infinity);console.log(b);//console.log(c);//console.log(d);//flatMap()的方法等于map()和flat()的组合，在运算后直接将数组扁平化处理。leta=;letb=a.flatMap(e=》e+);letc=a.map(e=》e+).flat();console.log(b);//(可以看到b和c得到的结果相同)console.log(c);//Array.isArray()能判断一个元素是否为数组，如果是就返回true，不然就返回false。leta=;letb=;letc=’hello’;letd={d:,d:};console.log(Array.isArray(a));//trueconsole.log(Array.isArray(b));//falseconsole.log(Array.isArray(c));//falseconsole.log(Array.isArray(d));//falseArray.from()会将「类数组」或是「可迭代的对象」转换成数组，Array.from()有两个参数，第一个参数为「类数组对象」或「可迭代的对象」(必填)，第二个参数则是改变转换成数组元素的函数(选填)。类数组对象具有length属性以及索引化index的元素，可迭代对象表示具有可以利用迭代的方式取得它自己本身的元素，例如Map和Set...等。(参考MDN说法)leta=’abcde’;letb=Array.from(a);console.log(b);//letc=Array.from(a,e=》e+e);console.log(c);//类数组对象写法必须包含length属性，且对象的key须为开始的数字，对应转换后的元素索引。leta={’’:,’’:,’’:,’’:,’’:,length:};letb=Array.from(a);console.log(b);//Array.of()可以快速将数字、字串等内容，转换成数组。leta=Array.of(,’a’,,’b’,);console.log(a);//toString()会把整个数组转换成字符串。leta=;letb=a.toString();console.log(b);//,,,,,,,every()会将数组中的「每一个」元素带入指定的函数内做判断，只要有任何一个元素不符合判断条件，会回返回false，如果全部符合，就会回传true。leta=;console.log(a.every(e=》e》));//fasle(因为、小于，等于)console.log(a.every(e=》e》));//truesome()会将数组中的「每一个」元素带入指定的函数内做判断，只要有任何一个元素符合判断条件，就会返回true，如果全都不符合，才会返回false。leta=;console.log(a.some(e=》e》));//返回true，因为、、大于console.log(a.some(e=》e》));//返回fasle，因为全都小于或等于includes()会判断数组中是否包含某个值，如果有包含就返回true，否则返回false，有两个参数，第一个参数表示要判断的值(必填)，第二个参数表示从数组的哪个位置开始判断(选填)。leta=;console.log(a.includes());//trueconsole.log(a.includes(,));//false(在,,,,,查找有没有)valueOf()会返回数组的原始值，如果原本的数组有修改，那么返回的原始值也会跟着改变（相当浅复制leta=;letb=a.valueOf();console.log(a);//letc=a.valueOf();a.shift();console.log(a);//console.log(b);//(因为a的原始值更新了，所以b也变了)console.log(c);//keys()会返回数组中的每一个索引值(key)成为一个新的ArrayIterator对象，因为是ArrayIterator对象，可以使用for...of进行迭代。leta=;letb=a.keys();for(letkeyofb){????console.log(key);//、、、、}

　　JS中全等和相等操作符的区别和比较规则

　　两者的区别相等：先强制转换变量类型，再比较全等：不转换类型，一旦类型不同，就是不全等。二、相等和不相等的比较规则.操作符中有布尔值时：比较前先将之转换为数值false=》,true=》.字符串，另一个是数值：字符串去将就数值.对象：object.valueOf()方法，用得到的基本类型值按照前面的规则进行比较.操作符.none==undefined：相等.NaN==其他（不管是别人还是自己：false（不等号操作，反之.对象==对象：指向同一个对象时才true出于严谨考虑，推荐‘＝＝＝’操作符

　　Stringstr=String.valueOf(number);这里的valueOf是什么来的，有什么作用

　　定义和用法valueOf()方法可返回String对象的原始值。原始值是由从String对象下来的所有对象继承的。valueOf()方法通常由JavaScript在后台自动进行调用，而不是显式地处于代码中。语法stringObject.valueOf()抛出当调用该方法的对象不是String时抛出TypeError异常。参考资料：