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 相关文章推荐
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
js判断undefined变量类型使用typeof
Jun 03 Javascript
js动态给table添加/删除tr的方法
Aug 02 Javascript
JS实现模仿微博发布效果实例代码
Dec 16 Javascript
node.js中的http.response.end方法使用说明
Dec 14 Javascript
React/Redux应用使用Async/Await的方法
Nov 16 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
JS使用对象的defineProperty进行变量监控操作示例
Feb 02 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
Nov 04 Javascript
实现vuex与组件data之间的数据同步更新方式
Nov 12 Javascript
vue实现几秒后跳转新页面代码
Sep 09 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
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
php 求质素(素数) 的实现代码
2011/04/12 PHP
深入分析php之面向对象
2013/05/15 PHP
php之XML转数组函数的详解
2013/06/07 PHP
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
使用PHPExcel导出Excel表
2018/09/08 PHP
浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法
2019/10/12 PHP
js保存当前路径(cookies记录)
2010/12/14 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
2014/10/17 Javascript
jquery对象和DOM对象的任意相互转换
2016/02/21 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
2016/04/06 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
2016/07/05 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
Js利用prototype自定义数组方法示例
2017/10/20 Javascript
JS字符串去除连续或全部重复字符的实例
2018/03/08 Javascript
关于jquery中attr()和prop()方法的区别
2018/05/28 jQuery
JavaScript使用ul中li标签实现删除效果
2019/04/15 Javascript
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
Linux下将Python的Django项目部署到Apache服务器
2015/12/24 Python
更换Django默认的模板引擎为jinja2的实现方法
2018/05/28 Python
Python lxml模块的基本使用方法分析
2019/12/21 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
python字符串下标与切片及使用方法
2020/02/13 Python
Django权限控制的使用
2021/01/07 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
美国鲍勃商店:Bob’s Stores
2018/07/22 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
2014年幼儿园德育工作总结
2014/12/17 职场文书
安徽导游词
2015/02/12 职场文书
导游词之包公祠
2019/11/25 职场文书
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技