JS Array创建及concat()split()slice()的使用方法


Posted in Javascript onJune 03, 2016

JS Array创建及concat()split()slice()的使用方法

1 var a = new Array();

2 var b=new Array(20);

3 var c= new Array("red","green","white");

alert(b.length)  //20

数组可以根据需要增大或减小。因此,

c[3] = "purple";

alert(c.length) //4

如果

c[25]="purple" //则从3到24的位置都被填充为null 

alert(c.length) //26

还可以用字面量表示定义Array对象,即使用方括号,用逗号分隔值。

var d =["red","green","white"];

alert(d.length)  //3

d[25]="purplr"

alert(d.length); //26

注意在这个例子中,未明确使用Array类。方括号暗示把其中的值存放在Array对象中,用这种方式声明的数组与用传统方式声明的数组相同

Array对象覆盖了toString()方法和valueOf()方法。返回特殊的字符串。

var e =["red","green","white"];

alert(e.toString());  //"red,green,white"

alert(e.valueOf());  //同上

join()

alert(e.join("-spring-"))  //"red-spring-green-spring-white"

split()方法,String把自己转换成数组

var s="a,b,c";

var sS=s.split(",");//返回3个数组

逐个字符的解析字符串

var s="green"

var ss=s.split("")

alert(ss.toString())  //返回“g,r,e,e,n”

Array对象具有两个String类具有的方法,即concat()和slice()方法;concat方法处理数组跟处理字符串方式一样,参数将被附加在数组末尾,返回的函数值是新的Array对象

slice()方法跟String的slice()方法一样,返回的是具有特定项的新数组:如果只有一个参数,改方法将返回从该位置开始到数组结尾的所有项;如果有两个参数,将返回第一个位置和第二个位之间的所有想,不包括第二个位置处的项

var s=["a","b","c"];

var scon=s.concat("d","e");

alert(scon.toString())  //"a,b,c,d,e"

alert(s.toString())  //"a,b,c"

var s1=s.slice(1)  //s1为“b,c” 

var s2=s.slice(0,2) //s2为“a,b”

以上这篇JS Array创建及concat()split()slice()的使用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
Sep 24 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
jQuery 实现双击编辑表格功能
Jun 19 jQuery
10个最优秀的Node.js MVC框架
Aug 24 Javascript
vue2.0 常用的 UI 库实例讲解
Dec 12 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
JavaScript实现矩形块大小任意缩放
Aug 25 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 #Javascript
Jquery中map函数的用法
Jun 03 #Javascript
JavaScript进阶练习及简单实例分析
Jun 03 #Javascript
jQuery EasyUI 入门必看
Jun 03 #Javascript
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
Jun 02 #Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 #Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
Jun 02 #Javascript
You might like
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
Yii 快速,安全,专业的PHP框架
2014/09/03 PHP
Yii2配置Nginx伪静态的方法
2017/05/05 PHP
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
jquery判断输入密码两次是否相等
2020/04/22 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
Vue.js 插件开发详解
2017/03/29 Javascript
JS实现加载时锁定HTML页面元素的方法
2017/06/24 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
在vue中使用Base64转码的案例
2020/08/07 Javascript
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
Windows下Python使用Pandas模块操作Excel文件的教程
2016/05/31 Python
在java中如何定义一个抽象属性示例详解
2017/08/18 Python
python自定义函数实现一个数的三次方计算方法
2019/01/20 Python
Python函数返回不定数量的值方法
2019/01/22 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
python递归函数用法详解
2020/10/26 Python
Python descriptor(描述符)的实现
2020/11/15 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
eBay意大利购物网站:eBay.it
2019/09/04 全球购物
vue实现倒计时功能
2021/03/24 Vue.js
文员个人求职自荐信
2013/09/21 职场文书
初一家长会邀请函
2014/01/31 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
获奖感言怎么写
2015/07/31 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
2019最新版股权转让及委托持股协议书范本
2019/08/07 职场文书