javascript内置对象操作详解


Posted in Javascript onFebruary 04, 2015

1.indexOf() 方法 -----这个方法比较常用

返回某个指定的字符串值在字符串中首次出现的位置

使用格式:stringObject.indexOf(substring, startpos)

javascript内置对象操作详解

举个例子:寻找第二个o所在的位子

var mystr="Hello World!"
document.write(mystr.indexOf("o",mystr.indexOf("o")+1));--------结果是:7

mystr.indexOf("o") -----结果是4,从字符串的下表开始找。

document.write(mystr.indexOf("o",5));从第五个位置开始找。

结果是:7
注意:.indexOf() 方法区分大小写。
.如果要检索的字符串值没有出现,则该方法返回 -1。·

2.字符串分割split()

split() 方法将字符串分割为字符串数组,并返回此数组。

语法:

stringObject.split(separator,limit)

javascript内置对象操作详解

注意:如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

举个例子:

var mystr="86-010-85468578";

以字符"-"分隔字符串对象mystr

document.write( mystr.split("-") + "<br />");---结果 86,010,85468578

将字符串对象mystr每个字符分割

document.write( mystr.split("") + "<br />");---结果:8,6,-,0,1,0,-,8,5,4,6,8,5,7,8

将字符串对象mystr分割成字符,分割3次

mystr.split("",3) ------------结果 8,6,-

3 .提取字符串substring()

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

语法:

stringObject.substring(starPos,stopPos)

javascript内置对象操作详解

注意:

1. 返回的内容是从start开始(包含start位置的字符)到stop-1 处的所有字符,其长度为stop减start。

2. 如果参数start与stop相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。

3. 如果start比stop大,那么该方法在提取子串之前会先交换这两个参数。

举个例子:

var mystr="Hello World!"
document.write( mystr.substring(6) + "<br />");----截取下标从6开始的所有字符---结果是World!

document.write( mystr.substring(5,4 ) );
document.write( mystr.substring(4,5) );------结果都是 o 取的位数是5-4

4.提取指定数目的字符substr()

substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。

语法:

stringObject.substr(startPos,length)

javascript内置对象操作详解

注意:如果参数startPos是负数,从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。
如果startPos为负数且绝对值大于字符串长度,startPos为0

例子:var mystr="Hello World!";
document.write( mystr.substr(6) + "<br />");-----------截取World
document.write( mystr.substr(0,5) );----截取-----Hello

5.Math

四舍五入round()

Math.round(x)
random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。

Math.random();

6.Array 数组对象的方法

javascript内置对象操作详解

concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。

语法

arrayObject.concat(array1,array2,...,arrayN)
注意: 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
var myarr1= new Array("010")
var myarr2= new Array("-","84697581");
var mycon=myarr1.concat(myarr2);
document.write(mycon) ---输出 010,-,84697581
说明只是一个副本。

join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

var myarr1= new Array("86","010")
var myarr2= new Array("84697581");
var myarr3= myarr1.concat(myarr2);
document.write(myarr3.join("")+"<br/>");------结果是8601084697581
document.write(myarr3.join("_")+"<br/>"); -----结果是:86_010_84697581

document.write(myarr3.join()+"<br/>");-----结果是86,010,84697581 默认是 ,号分隔

7.颠倒数组元素顺序reverse()

reverse() 方法用于颠倒数组中元素的顺序。

var myarr1= ["我","爱","你"];
document.write(myarr1.reverse());-----结果是 你,爱,我 注意不是reserve 别写错了

8.选定元素slice()

slice() 方法可从已有的数组中返回选定的元素。

arrayObject.slice(start,end)

javascript内置对象操作详解

1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

2. 该方法并不会修改数组,而是返回一个子数组

var myarr1= ["我","爱","你"];
document.write(myarr1.slice(1,3)) ----结果是-- 爱,你 和substring一样就对了 不过这是针对数组的 其实取出来的个数就是3-1=2

9.数组排序sort()

sort()方法使数组中的元素按照一定的顺序排列。

语法:

arrayObject.sort(方法函数)

javascript内置对象操作详解

1.如果不指定<方法函数>,则按unicode码顺序排列。

2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

function sortNum(a,b) {
return a-b;
}
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr.sort(sortNum)); ---- j结果是:1,6,16,50,80,100

如果是b-a --结果就是100,80,50,16,6,1

以上就是个人总结的一些常用的javascript内置对象的操作,希望大家能够喜欢。

Javascript 相关文章推荐
推荐40个简单的 jQuery 导航插件和教程(下篇)
Sep 14 Javascript
对frameset、frame、iframe的js操作示例代码
Aug 16 Javascript
js综合应用实例简单的表格统计
Sep 03 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
基于JavaScript实现回到页面顶部动画代码
May 24 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
Sep 04 Javascript
js 判断数据类型的几种方法
Jan 13 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
使用Vue动态生成form表单的实例代码
Apr 26 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
Node 模块原理与用法详解
May 13 Javascript
js判断文本框剩余可输入字数的方法
Feb 04 #Javascript
javascript 兼容各个浏览器的事件
Feb 04 #Javascript
浅谈js中变量初始化
Feb 03 #Javascript
jquery实现submit提交表单
Feb 03 #Javascript
jQuery实现跨域
Feb 03 #Javascript
JavaScript错误处理
Feb 03 #Javascript
js实现右下角提示框的方法
Feb 03 #Javascript
You might like
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
解析Linux下Varnish缓存的配置优化
2013/06/20 PHP
php实现执行某一操作时弹出确认、取消对话框
2013/12/30 PHP
Php中使用Select 查询语句的实例
2014/02/19 PHP
PHP面向对象程序设计之接口用法
2014/08/20 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
2014/06/23 Javascript
JS动态显示表格上下frame的方法
2015/03/31 Javascript
jQuery.each使用详解
2015/07/07 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
微信小程序 wx:for的使用实例详解
2017/04/27 Javascript
JavaScript之Canvas_动力节点Java学院整理
2017/07/04 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
JavaScript实现创建自定义对象的常用方式总结
2018/07/09 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
2020/11/03 Javascript
使用python解析xml成对应的html示例分享
2014/04/02 Python
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
Python单元测试工具doctest和unittest使用解析
2019/09/02 Python
Python通过kerberos安全认证操作kafka方式
2020/06/06 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
香港草莓网:Strawberrynet香港
2019/05/10 全球购物
意大利奢侈品零售商:ilDuomo Novara
2019/09/11 全球购物
转党组织关系介绍信
2014/01/08 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
高校教师自荐信范文
2014/03/13 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
读鲁迅先生的经典名言
2019/08/20 职场文书
php引用传递
2021/04/01 PHP
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技
Golang 实现WebSockets
2022/04/24 Golang
python使用shell脚本创建kafka连接器
2022/04/29 Python
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers