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


Posted in Javascript onDecember 15, 2016

本文实例总结了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 相关文章推荐
Node.js中创建和管理外部进程详解
Aug 16 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
Dec 13 Javascript
微信小程序商城项目之购物数量加减(3)
Apr 17 Javascript
jquery中each循环的简单回滚操作
May 05 jQuery
浅谈vue的踩坑路
Aug 31 Javascript
解决vue项目打包后提示图片文件路径错误的问题
Jul 04 Javascript
javascript中关于类型判断的一些疑惑小结
Oct 14 Javascript
详解vuex状态管理模式
Nov 01 Javascript
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
新手简单了解vue
May 29 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
vue+Element-ui实现登录注册表单
Nov 17 Javascript
利用vue写todolist单页应用
Dec 15 #Javascript
jquery插件bootstrapValidator表单验证详解
Dec 15 #Javascript
jQuery中的100个技巧汇总
Dec 15 #Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
Dec 14 #Javascript
详解jQuery中的事件
Dec 14 #Javascript
JS实现鼠标移上去显示图片或微信二维码
Dec 14 #Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
Dec 14 #Javascript
You might like
无线电波是什么?它是怎样传输的?
2021/03/01 无线电
PHP开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
php中用加号与用array_merge合并数组的区别深入分析
2013/06/03 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
Laravel 4 初级教程之安装及入门
2014/10/30 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
PHP实现15位身份证号转18位的方法分析
2019/10/16 PHP
js 页面传参数时 参数值含特殊字符的问题
2009/12/13 Javascript
javascript下高性能字符串连接StringBuffer类
2010/08/16 Javascript
理解Javascript的call、apply
2015/12/16 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
微信小程序 触控事件详细介绍
2016/10/17 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
js数字滑动时钟的简单实现(示例讲解)
2017/08/14 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
2020/11/16 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
python实现rsa加密实例详解
2017/07/19 Python
Python中的默认参数实例分析
2018/01/29 Python
Python3匿名函数用法示例
2018/07/25 Python
python程序运行进程、使用时间、剩余时间显示功能的实现代码
2019/07/11 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
办公室文秘岗位职责
2013/11/15 职场文书
集中整治工作方案
2014/05/01 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
上课迟到检讨书300字
2014/10/15 职场文书
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
flex弹性布局详解
2022/03/20 HTML / CSS