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 相关文章推荐
IE和Mozilla的兼容性汇总event
Aug 12 Javascript
不要小看注释掉的JS 引起的安全问题
Dec 27 Javascript
JS实现生成会变大变小的圆环实例
Aug 05 Javascript
JS产生随机数的几个用法详解
Jun 22 Javascript
jquery实现input框获取焦点的简单实例
Jan 26 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
JS实现判断数组是否包含某个元素示例
May 24 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 Javascript
javascript拖曳互换div的位置实现示例
Jun 28 Javascript
浅谈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
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
php结合web uploader插件实现分片上传文件
2016/05/10 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
PHP实现的无限分类类库定义与用法示例【基于thinkPHP】
2018/08/06 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
Jquery读取URL参数小例子
2013/08/30 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
jQuery中die()方法用法实例
2015/01/19 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
Web性能优化系列 10个提升JavaScript性能的技巧
2016/09/27 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
Vue.extend构造器的详解
2017/07/17 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
2018/11/25 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
Vue 实现简易多行滚动"弹幕"效果
2020/01/02 Javascript
vue通过接口直接下载java生成好的Excel表格案例
2020/10/26 Javascript
JS操作JSON常用方法(10w阅读)
2020/12/06 Javascript
学习python的几条建议分享
2013/02/10 Python
Python 列表(List)操作方法详解
2014/03/11 Python
numpy实现合并多维矩阵、list的扩展方法
2018/05/08 Python
python实现windows倒计时锁屏功能
2019/07/30 Python
python创建ArcGIS shape文件的实现
2019/12/06 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
numpy库reshape用法详解
2020/04/19 Python
Python中zip函数如何使用
2020/06/04 Python
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
英国领先品牌手动工具和电动工具供应商:Tooled Up
2018/11/24 全球购物
某公司面试题
2012/03/05 面试题
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
django上传文件的三种方式
2021/04/29 Python