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

 更新时间:2024-10-12

  ⑴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异常。参考资料:

您可能感兴趣的文章:

相关文章