indexOf、instanceOf、typeOf、valueOf详解

时间:2022-12-27 11:20:42

1、indexOf()

该方法用来返回某个指定的字符串值在字符串中首次出现的位置。

语法:indexOf(searchvalue,fromindex);两个参数,参数一表示查询的字符串值,参数二可选表示开始查询的起始位置,若不写默认从首字符开始查询

 var string = "abcdeADhu390u09";
console.log(string.indexOf("d"));//3 注意下标值从0开始
console.log(string.indexOf("D"));//6

上面代码都只有一个参数分别打印出"d"、"D"字符串值首次出现的位置,发现输出的值不同,说明indexOf()方法对大小写有区分。

下面这段代码传入两个参数,根据前面说的参数二表示查询的起始位置,所以从第五位开始查询"d"首次出现的位置,查询不到返回-1

console.log(string.indexOf("d",4));//-1

indexOf()方法还常用来判断浏览器的类型,其用法如下:

 if(navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}else if(navigator.userAgent.indexOf("Chrome")>0){
return "Chrome";
}else if(navigator.userAgent.indexOf("Opera")>0){
return "Opera";
}
以navigator.userAgent.indexOf("Opera")查询来讲,若打开的浏览器是欧朋则返回一个大于0的值,否则返回-1
2、instanceOf
该运算符用来检测对象的类型
语法:object instanceof constructor   参数object表示要检测的对象,参数constructor表示某个构造函数
function Person(){}
var Dave = new Person();
//Object.prototypeOf(Dave)===Person.prototype
console.log(Dave instanceof Person);//true

可以这样理解:instanceof检测constructor.prototype是否存在于参数object原型链上。若存在返回true
上面说的是较常规的用法,现在来看看在继承中的用法
 function Person(){};
function Student(){};
Student.prototype = new Person();//js中的原型继承
var Dave = new Student();
console.log(Dave instanceof Student);//true
console.log(Dave instanceof Person);//true

上面一段代码判断Dave是否是Student的实例,并且是否是其父类型的实例

3、typeof

该运算符用来检测基本数据类型

 console.log(typeof("Json"));//string
console.log(typeof(2));//number
console.log(typeof(true));//boolean
console.log(typeof({a:1}));//object
console.log(typeof(function(){}));//function
6 console.log(typeof(undefined));//undefined

在ES6之前typeof返回值就是上面列出的六种:string、number、bollean、object、function、undefined;ES6出来后又增加了一种symbol

console.log(typeof(Symbol()));//symbol

4、valueOf()

该方法返回Boolean对象的原始值

语法:booleanObject.valueOf()

 var boo = new Boolean(true);
console.log(boo.valueOf());

补充下与本章不相关的小知识点:

这里穿插一点"=="与"==="的小知识点

 var a = undefined;
var b = null;
console.log(a==b);//true
console.log(a===b);//false

null与undefined在"=="情况下返回true,因为他们是类似的值,在"==="情况下返回false,因为他们不是相同类型的值。

特殊的还有

 console.log(NaN==NaN);//false
console.log(3==NaN);//false

若有一个操作符是NaN,在"=="情况下返回false,即使两个操作数都是NaN,在"=="情况下也返回false

 console.log(false==0);//true
console.log(true==1);//true
console.log(true==2);//false

在操作符为"=="时,true与1返回true

 console.log(null==0);//false
console.log(undefined==0);//false
 

indexOf、instanceOf、typeOf、valueOf详解的更多相关文章

  1. 原生JS:delete、in、typeof、instanceof、void详解

    delete.in.typeof.instanceof.void详解 本文参考MDN做的详细整理,方便大家参考[MDN](https://developer.mozilla.org/zh-CN/doc ...

  2. C# typeof()实例详解

    typeof(C# 参考) 用于获取类型的 System.Type 对象.typeof 表达式采用以下形式: System.Type type = typeof(int);  备注 若要获取表达式的运 ...

  3. 【转】C# typeof()实例详解

    转自:http://www.cnblogs.com/lm3515/archive/2010/09/02/1815725.html typeof(C# 参考) 用于获取类型的 System.Type 对 ...

  4. JavaScript中typeof和instanceof深入详解

    这次主要说说javascript的类型判断函数typeof和判断构造函数原型instanceof的用法和注意的地方. typeof 先来说说typeof吧.首先需要注意的是,typeof方法返回一个字 ...

  5. Net is as typeof 运行运算符详解 net 自定义泛型那点事

    Net is as typeof 运行运算符详解   概述 在了解运行运算符的前提我们需要了解什么是RTTI ,在任何一门面向对象的语言中,都有RTTI这个概念(即 运行时). RTTI(Run-Ti ...

  6. JavaScript | 对象详解

    ————————————————————————————————————————————————————————— 对象有哪些(导图) 内建对象 数据封装对象 Object对象 Object.prot ...

  7. Underscore _.template 方法使用详解

    为什么用「void 0」代替「undefined」 undefined 并不是保留词(reserved word),它只是全局对象的一个属性,在低版本 IE 中能被重写. 事实上,undefined ...

  8. 原生JS:String对象详解

    @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...

  9. String详解, String和CharSequence区别, StringBuilder和StringBuffer的区别 (String系列之1)

    本章主要介绍String和CharSequence的区别,以及它们的API详细使用方法. 转载请注明出处:http://www.cnblogs.com/skywang12345/p/string01. ...

随机推荐

  1. 要将 ASP.NET 访问权限授予某个文件,请在资源管理器中右击该文件,选择“属性”,然后选择“安全”选项卡。单击“添加”添加适当的用户或组。突出显示 ASP.NET 帐户,选中所需访问权限对应的框。

    找到该文件所在文件夹,右键属性,安全选项卡,添加-aspnet用户,并设置其权限为完全控制.如果还是不行,就添加一个Everyone用户并赋予完全控制权限windows server 2008中IIS ...

  2. SQL Server在更改计算机名后的设置

    把原来的账号删除 再添加现有的账号 添加权限 搞定了上面的账号配置,接下来就是设置服务器名称 参考:http://www.cnblogs.com/EasonJim/p/6114249.html 后话: ...

  3. 国内常用NTP服务器地址及IP

    iptables实现80端口转发到8080端口上 iptables -t nat -A PREROUTING -p tcp --dport 80 -j REDIRECT --to-port 8080 ...

  4. Android的事件处理机制(一)------基于回调机制的事件处理

    Android平台的事件处理机制有两种,一种是基于回调机制的,一种是基于监听接口的,现介绍第一种:基于回调机制的事件处理.Android平台中,每个View都有自己的处理事件的回调方法,开发人员可以通 ...

  5. 【JavaScript】JavaScript教程之------------------JavaScript实现

    JavaScript的核心ECMAScript描述了该语言的语法与基本对象: DOM描述了处理网页内容的方法和接口: BOM描述了与浏览器进行交互的方法和接口: 完整的JavaScript实现是由以下 ...

  6. Oracle 中sql文件的导入导出

    导出 一般导入的时候我用的是命令行 imp c##zs/@orcl fromuser=c##zs touser=c##zs file=D:\java\.dmp ignore=y c##zs 是创建的用 ...

  7. jQuery文档处理(追加删除)——(三)

    1.追加内容

  8. POJ 2378 Tree Cutting 3140 Contestants Division (简单树形dp)

    POJ 2378 Tree Cutting:题意 求删除哪些单点后产生的森林中的每一棵树的大小都小于等于原树大小的一半 #include<cstdio> #include<cstri ...

  9. 洛谷 P3695 CYaRon&excl;语 题解 【模拟】【字符串】

    大模拟好啊! 万一远古计算机让我写个解释器还真是得爆零了呢. 题目背景 「千歌です」(我是千歌).「曜です」(我是曜).「ルビィです」(我是露比).「3人合わせて.We are CYaRon! よろし ...

  10. sudo cd的错误

    问题说明 今天用MySQL建了库,想看看. 当到了这步,心里的第一个感觉就是电脑坏了.后来查了查才知道了原因. 原因 cd不是一个应用程序而是Linux内建的命令,而sudo仅仅只对应用程序起作用. ...