javascript中数组（Array)对象和字符串（String)对象的常用方法总结

本文实例总结了javascript中数组（Array)对象和字符串（String)对象的常用方法。分享给大家供大家参考，具体如下：

综述：笔者经常将数组的方法和字符串的方法混淆，这里写篇日志，做个区分

1.字符串对象

String是JavaScript中的五种基本类型之一。

(1)字符串对象的创建

例1：

var str="Hello world";

或者

var str=new String("Hello world")

(2)charAt()方法

charAt()方法用于返回指定位置的字符串，比如我们想返回str字符串中，第二个字符，则可以写成charAt(1)，因为字符串的下标也是从0开始，因此我们返回了第二个字符e；

例2：

var str="Hello world"; alert(str.charAt(1))
//输出e

(3)indexOf(注意O要大写）

indexOf()方法，可返回某个指定的字符串值在字符串中首次出现的位置。

例3：

var str="Hello world";alert(str.indexOf('e'))
//输出1

indexOf()方法还可以有第二个参数规定字符串开始检索的位置

(4)split()方法

split()方法，可以按规则分割字符串。比如：

例4：

var x="86-029-19201920";alert(x.split(-))
//输出 86 029 19201920

split()方法还可以有第二个参数，表示分割的次数，如果省略，默认分割次数不限

(5)substring()方法

substring()方法，可以提取字符串，改方法有两个参数，第一个参数表示起始位置，第二个参数表示终止位置，如果省略第二个参数，默认提取到字符串的结尾。

例5：

var x="Hello world";alert(x.substring(0,4));
//输出Hello

(6)substr()方法

substr()方法，也可以用于提取字符串，不同的是该方法的两个参数，第一个参数表示起始位置，第二个参数表示提出字符串的个数。

例6：

var x="Hello world";alert(x.substr(0,5));
//同样输出Hello

2.数组对象（Array)

(1)数组对象的创建

例1：

var arr=new Array(10) ;
var arr=[1,2,3];
var arr=new Array(1,2,3);
var arr=[];

数组创建的方法一般有这么几种，其中var arr=new Array(1,2,3)这种方式较为少见。

(2)concat()方法

例2：

var x=[1,2,3];
var y=x.concat(4,5);
alert(y);
//输出y为1,2,3,4,5

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

(3)join()方法

例3：

var x=[1,2,3]; alert(x.join("-"));
//输出的位1-2-3

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

(4)reverse()方法

数组反转，不会生成新的数组

例4：

var x=[1,2,3];
alert(x.reverse());
//输出的位3,2,1

(5)slice()方法

slice() 方法可从已有的数组中返回选定的元素。slice方法也有2个参数，第一个参数表示开始位置，第二个参数表示结束位置。

(6)splice()方法

splice()方法用于在数组中插入或删除元素的通用方法，不同于concat()和slice()方法，splice()会修改调用的数组。

例6：

var a=[1,2,3,4,5,6,7,8];
a.splice(4);//返回[5,6,7,8],a数组变成了[1,2,3,4]
a.splice(1,2);//返回[2,3],a数组变成了[1,4]
a.splice(1,1);//返回了[4],a数组变成了[1]

注：splice()的第一个参数指定了插入的起始位置，第二个参数指定了应该从数组中插入或删除的元素的个数

splice()返回一个由删除元素组成的数组。

(7)push()和pop()方法

push()和pop()方法允许数组当做栈来使用，push()表示在数组的尾部添加一个或者多个元素，pop()方法则相反。

(8)shift()和unshift()方法

shift()和unshift()方法，非常类似于push()和pop()方法，不同的是前者是在数组的头部而非尾部进行插入和删除操作。

(9)sort()方法

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

例9：

var x=[1,2,13,113],alert(x.sort())
//默认排序规则为按字母表排序，因为输出 1,113,13,2

如果要使得数组从小到大排序，则为

x.sort(function(a,b){return a-b});

ES5新增的方法

ES5中的数组方法，首先大部分的方法第一个参数接收一个函数，并且对于数组的每个元素调用一次该函数，函数中的参数为第一个参数为数组元素，第二个参数为元素的索引，第三个参数为数组本身

(10)foreach()方法

从头到尾遍历数组，为每个数组调用指定的函数

例10：

var x=[1,2,3,4,5];
alert(x.foreach(function(x,i,a){ a[i]=x*x}))
//返回[1,4,9,16,25]

ES5中还有类似map,filter等方法不一一讨论

3.数组对象和字符串对象方法的互用

我们学过了call和apply函数就能实现字符串方法和数组对象方法的互用

比如：我们想在字符串对象中使用数组对象的方法，可以这样实现：

例：

var x="Hello World";
var y=Array.prototype.slice.call(x);

通过call方法，将x字符串对象转为了y数组对象！！！同理也可以将数组对象转化为字符串对象，

就不在累赘举例了！~

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

# javascript  # 数组  # Array  # 字符串  # String  # 对象  # 常用方法  # JavaScript之String常见的方法详解  # 用jQuery将JavaScript对象转换为querystring查询字符串的方法  # JavaScript基于扩展String实现替换字符串中index处字符的方法  # JavaScript中的toString()和toLocaleString()方法的区别  # JavaScript中String对象的方法介绍  # JavaScript获取URL中参数querystring的方法详解  # 梳理总结JavaScript的23个String方法  # 第二个  # 第一个  # 组中  # 的是  # 还可以  # 多个  # 遍历  # 变成了  # 或删除  # 是在  # 也有  # 相关内容  # 过了  # 就能  # 首次  # 互用  # 是从  # 感兴趣  # 数据结构  # 给大家 

相关文章： 北京的网站制作公司有哪些,哪个视频网站最好？  Swift开发中switch语句值绑定模式  开封网站制作公司,网络用语开封是什么意思？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何通过多用户协作模板快速搭建高效企业网站？  股票网站制作软件,网上股票怎么开户？  高端网站建设与定制开发一站式解决方案 中企动力  学校免费自助建站系统：智能生成+拖拽设计+多端适配  建站之星多图banner生成与模板自定义指南  C#怎么创建控制台应用 C# Console App项目创建方法  长沙做网站要多少钱,长沙国安网络怎么样？  自助网站制作软件,个人如何自助建网站？  如何通过VPS搭建网站快速盈利？  建站之星logo尺寸如何设置最合适？  建站之星代理如何获取技术支持？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  购物网站制作公司有哪些,哪个购物网站比较好？  建站OpenVZ教程与优化策略：配置指南与性能提升  宝塔建站无法访问？如何排查配置与端口问题？  建站之星如何实现PC+手机+微信网站五合一建站？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  微信小程序 五星评分(包括半颗星评分)实例代码  如何基于云服务器快速搭建网站及云盘系统？  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  如何高效搭建专业期货交易平台网站？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何选择适配移动端的WAP自助建站平台？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  全景视频制作网站有哪些,全景图怎么做成网页？  建站之星如何配置系统实现高效建站？  如何快速搭建FTP站点实现文件共享？  深圳网站制作培训,深圳哪些招聘网站比较好？  如何快速生成ASP一键建站模板并优化安全性？  高端企业智能建站程序：SEO优化与响应式模板定制开发  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  济南专业网站制作公司,济南信息工程学校怎么样？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  建站之星24小时客服电话如何获取？  公司门户网站制作流程,华为官网怎么做？  开心动漫网站制作软件下载,十分开心动画为何停播？  如何在景安云服务器上绑定域名并配置虚拟主机？  如何快速查询网站的真实建站时间？  PHP正则匹配日期和时间(时间戳转换)的实例代码  网站制作软件免费下载安装,有哪些免费下载的软件网站？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  大型企业网站制作流程,做网站需要注册公司吗？  如何在腾讯云免费申请建站？