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 相关文章推荐
jQuery bind事件使用详解
May 05 Javascript
javascript之querySelector和querySelectorAll使用说明
Oct 09 Javascript
jQuery设置和获取HTML、文本和值示例
Jul 08 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
Oct 17 Javascript
遍历js中对象的属性和值的实例
Nov 21 Javascript
jQuery文字轮播特效
Feb 12 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
vue指令之表单控件绑定v-model v-model与v-bind结合使用
Apr 17 Javascript
解析原生JS getComputedStyle
May 25 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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
php Mysql日期和时间函数集合
2007/11/16 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
JS实现的省份级联实例代码
2013/06/24 Javascript
jquery click([data],fn)使用方法实例介绍
2013/07/08 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
让新消息在网页标题闪烁提示的jQuery代码
2013/11/04 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
将查询条件的input、select清空
2014/01/14 Javascript
js 数组去重的四种实用方法
2014/09/09 Javascript
js实现简单锁屏功能实例
2015/05/27 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
2017/09/04 Javascript
webstorm中vue语法的支持详解
2018/05/09 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
vue项目查看vue版本及cli版本的实现方式
2020/10/24 Javascript
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
python开头的coding设置方法
2019/08/08 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
python 代码运行时间获取方式详解
2020/09/18 Python
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
2017/08/18 HTML / CSS
Sunglasses Shop瑞典:欧洲领先的太阳镜网上商店
2018/04/22 全球购物
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
在家更换处方镜片:Lensabl
2019/05/01 全球购物
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
室内设计专业个人的自我评价
2013/12/18 职场文书
晚宴邀请函范文
2014/01/15 职场文书
环境科学专业求职信
2014/08/04 职场文书
学校施工安全责任书
2015/01/29 职场文书
迎新生晚会主持词
2015/06/30 职场文书
《妈妈别哭,有我在》读后感3篇
2020/01/13 职场文书
CSS3新特性详解(五):多列columns column-count和flex布局
2021/04/30 HTML / CSS
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL
Java 定时任务技术趋势简介
2022/05/04 Java/Android