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. ...
随机推荐
- bug 汇总
联通营业厅充话费无法在线支付,chrome Python 64位安装包 win7 64 windows 10 右键菜单 Android studio IE11 layout
- Android 中常见控件的介绍和使用
1 TextView文本框 1.1 TextView类的结构 TextView 是用于显示字符串的组件,对于用户来说就是屏幕中一块用于显示文本的区域.TextView类的层次关系如下: java.la ...
- struts2笔记(2)
<context-param> <param-name>pattern</param-name> <param-value>yyyy-MM-dd hh: ...
- WinForm任务栏最小化
在C#编写的WinForm里,在FormBorderStyle设为None的时候,任务栏点击程序图标,不会自动最小化.在主窗口WinForm.cs里加入如下代码后,即可恢复该功能. protected ...
- jstl自定义时间格式
<fmt:formatDate value='${time}' pattern='yyyy-MM-dd HH:mm:ss'/> <s:iterator>下的<s:prop ...
- CozyRSS开发记录10-RSS源管理
CozyRSS开发记录10-RSS源管理 1.RSS源树结构 做解析体力活很多,把RSS解析的优化先放放,先玩一玩RSS源的管理. 虽然在初步的设计中,RSS源是以一个列表的方式来展示,但是,我觉得如 ...
- response基本常识,不是很准确欢迎来纠正。
相应客户端的回应. response.sendError(500,"抱歉你的电脑中毒了!!"); //重定向的相应码 resp.setStatus(302); //重定向的响应头 ...
- UI设计颜色风格
有关颜色搭配方案: 摘取:http://bbs.9ria.com/thread-395-1-1.html 有关设计,可以参考:http://www.sj33.cn/
- DelphiXE10.1自定义控件添加图标方法
1 在资源文件中加入个24*24的BMP图片,命名为控件的类名(全大写包括T) 2 项目文件中加入对应的 {$R *.dres} 缺省为项目文件同名,自动加入到项目文件(Projrct- ...
- iOS Hit-Test应用
最近又看了遍苹果的官方文档<Event Handling Guide for iOS>,对事件响应链中的hit-test view 又多了些理解,个人觉的官方文档对这块讲的非常简单,很多东 ...