indexOf、instanceOf、typeOf、valueOf详解
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详解的更多相关文章
- 原生JS:delete、in、typeof、instanceof、void详解
delete.in.typeof.instanceof.void详解 本文参考MDN做的详细整理,方便大家参考[MDN](https://developer.mozilla.org/zh-CN/doc ...
- C# typeof()实例详解
typeof(C# 参考) 用于获取类型的 System.Type 对象.typeof 表达式采用以下形式: System.Type type = typeof(int); 备注 若要获取表达式的运 ...
- 【转】C# typeof()实例详解
转自:http://www.cnblogs.com/lm3515/archive/2010/09/02/1815725.html typeof(C# 参考) 用于获取类型的 System.Type 对 ...
- JavaScript中typeof和instanceof深入详解
这次主要说说javascript的类型判断函数typeof和判断构造函数原型instanceof的用法和注意的地方. typeof 先来说说typeof吧.首先需要注意的是,typeof方法返回一个字 ...
- Net is as typeof 运行运算符详解 net 自定义泛型那点事
Net is as typeof 运行运算符详解 概述 在了解运行运算符的前提我们需要了解什么是RTTI ,在任何一门面向对象的语言中,都有RTTI这个概念(即 运行时). RTTI(Run-Ti ...
- JavaScript | 对象详解
————————————————————————————————————————————————————————— 对象有哪些(导图) 内建对象 数据封装对象 Object对象 Object.prot ...
- Underscore _.template 方法使用详解
为什么用「void 0」代替「undefined」 undefined 并不是保留词(reserved word),它只是全局对象的一个属性,在低版本 IE 中能被重写. 事实上,undefined ...
- 原生JS:String对象详解
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...
- String详解, String和CharSequence区别, StringBuilder和StringBuffer的区别 (String系列之1)
本章主要介绍String和CharSequence的区别,以及它们的API详细使用方法. 转载请注明出处:http://www.cnblogs.com/skywang12345/p/string01. ...
随机推荐
- Git使用教程
配置Git 首先在本地创建ssh key: $ ssh-keygen -t rsa -C "your_email@youremail.com" 后面的your_email@your ...
- gdb 调试多线程
基本i threads 等操作略过,只谈线程同步.异步控制: 先点到,gdb attach到主线程t1 时,所有线程都会停止,所谓同步异步效果,是指在apply continue到所有线程之后, 再切 ...
- 响应者链条,如何获取最佳的点击view 以及内部实现
事件的产生与传递 事件是如何产生与传递的? 当发生触摸事件后,系统会将该事件加入到一个由UIApplication管理的事件队列中. UIApplication会从时间队列中取出最前面的时间,并将事件 ...
- VC 鼠标滚轮事件控制绘图的问题
问题描述: 在MFC中绘制数据曲线,通过鼠标滚轮来进行放大缩小操作.在使用滚轮事件时,发现如果数据量较大,会出现卡顿. 解决方案: 鼠标滚轮事件会进行重复绘图,考虑在鼠标滚轮结束之后再重绘: 在鼠标滚 ...
- 素数的平方阶群必为Abel群
定理 设$p$为素数,则$p^2$阶群$G$必为Abel群.
- R语言自动化
plyr dplyr reshape2(数据整理) boxplot.stats(异常值检测) ggplot2(可视化) knitr(生成报告)
- Linux中的用户和用户组
在Linux中,有三种用户: Root 用户:也称为超级用户,对系统拥有完全的控制权限.超级用户可以不受限制的运行任何命令.Root 用户可以看做是系统管理员. 系统用户:系统用户是Linux运行 ...
- 重装系统后如何删除系统自带的office2003
背景:操作系统重装后,系统自带的office2003版本太低不好使用,需要安装更高版本的如2010,但是卸载时提示“无法打开此修补程序包……”,从而无法卸载.经网上查询,采用以下解决办法: 在注册表中 ...
- 搭建自己的LAMP
LAMP的搭建说简单也简单,说难也不容易,如果采用一键安装也是比较容易的,但想配置自己需要的版本等等也是比较麻烦.前段时间我分别在自己的电脑和阿里云上部署了Lamp环境,以下是步骤和常出现的问题的解决 ...
- python之路:Day04 --- Python基础4
本节内容 1.字符串格式化 2.迭代器和生成器 3.装饰器 4.Json & pickle 数据序列化 5.软件目录结构规范 一.字符串格式化 百分号式 %[(name)][flags][wi ...