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 相关文章推荐
javascript实现yield的方法
Nov 06 Javascript
jquery选择器需要注意的问题
Nov 26 Javascript
javascript中 try catch用法
Aug 16 Javascript
关于JavaScript限制字数的输入框的那些事
Aug 14 Javascript
Angualrjs和bootstrap相结合实现数据表格table
Mar 30 Javascript
javascript 面向对象实战思想分享
Sep 07 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
Vue中保存数据到磁盘文件的方法
Sep 06 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 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 高手之路(二)
2006/10/09 PHP
php 数学运算验证码实现代码
2009/10/11 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
thinkPHP删除前弹出确认框的简单实现方法
2016/05/16 PHP
php 多文件上传的实现实例
2016/10/23 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
PHP调用其他文件中的类
2018/04/02 PHP
laravel框架 laravel-admin上传图片到oss的方法
2019/10/13 PHP
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
jQuery下拉友情链接美化效果代码分享
2015/08/26 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
2016/11/09 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
在Python中使用正则表达式的方法
2015/08/13 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
Python字符串的全排列算法实例详解
2019/01/07 Python
我喜欢你 抖音表白程序python版
2019/04/07 Python
django echarts饼图数据动态加载的实例
2019/08/12 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
瀑布模型都有哪些优缺点
2014/06/23 面试题
公司营业员的工作总结自我评价
2013/10/05 职场文书
毕业生自我鉴定
2013/11/05 职场文书
申论倡议书范文
2014/05/13 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
做人民满意的公务员活动方案
2014/08/25 职场文书
2014年生活老师工作总结
2014/12/23 职场文书
团代会闭幕词
2015/01/28 职场文书
2015年档案室工作总结
2015/05/23 职场文书
大学运动会加油稿
2015/07/22 职场文书
小学秋季运动会通讯稿
2015/11/25 职场文书
学习杨善洲同志先进事迹心得体会
2016/01/23 职场文书
《夜莺的歌声》教学反思
2016/02/22 职场文书