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 相关文章推荐
How to Auto Include a Javascript File
Feb 02 Javascript
使用JS操作页面表格,元素的一些技巧
Feb 02 Javascript
JQuery 返回布尔值Is()条件判断方法代码
May 14 Javascript
js三种排序算法分享
Aug 16 Javascript
IE6下opacity与JQuery的奇妙结合
Mar 01 Javascript
谈谈javascript中使用连等赋值操作带来的问题
Nov 26 Javascript
JS添加删除DIV的简单实例
Jul 08 Javascript
Vuejs 页面的区域化与组件封装的实现
Sep 11 Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
Layui表格行工具事件与数据回填方法
Sep 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自定义函数截取汉字长度
2014/05/15 PHP
php绘制一条弧线的方法
2015/01/24 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
根据经纬度计算地球上两点之间的距离js实现代码
2013/03/05 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
angular实现IM聊天图片发送实例
2017/05/08 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
NodeJS如何实现同步的方法示例
2018/08/24 NodeJs
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
Python当中的array数组对象实例详解
2019/06/12 Python
在Python中合并字典模块ChainMap的隐藏坑【推荐】
2019/06/27 Python
使用virtualenv创建Python环境及PyQT5环境配置的方法
2019/09/10 Python
Python中文分词库jieba,pkusegwg性能准确度比较
2020/02/11 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
用python制作个音乐下载器
2021/01/30 Python
面向对象概念面试题(.NET)
2016/11/04 面试题
师范生的个人求职信范文
2014/01/04 职场文书
社区优秀志愿者材料
2014/02/02 职场文书
幼儿园家长寄语
2014/04/02 职场文书
申论倡议书范文
2014/05/13 职场文书
企业安全生产承诺书
2014/05/22 职场文书
幸福家庭标语
2014/06/27 职场文书
党的群众路线个人对照检查材料
2014/09/23 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
放假通知格式
2015/04/14 职场文书
应急管理工作总结2015
2015/05/04 职场文书
2015年医院药剂科工作总结
2015/05/04 职场文书
环保建议书作文300字
2015/09/14 职场文书