arry()数组的理解及api的使用(一)
我们想要了解数组,首先就要先要了解到什么是数据结构,所谓的数据结构就是把数据与数据见的关系按照特定的结构来保存。设计合理的数据结构是解决问题的前提。
了解了数据结构后我们下面来数组的定义:
数组(array)就是一种很常用的保存批量数据的数据结构。也就是说使用单独的变量名来存储一系列的值。
1.1创建数组
var arr1=[];//定义一个不包含元素的数组
var arr2=[25,56,85];//定义一个包含三个元素的数组
var arr3=new Array();//定义一个不包含元素的数组(这种写法是因为js中一切都是对象)
var arr4=new Array("tom","maray","lilei")//定义一个包含三个字符串元素的数组
1.2初始化数组
说完数组的定义,那我们就不得不说数组的初始化了
var arr1=[50,60,90,75];
var arr2=new Array("tom","jieke","lilei");
我们也可以先声明一个空数组然后对他进行赋值
var arr1=[];
arr1[0]=55;
arr2[1]=78;
var arr2=new Array();
arr2[0]="tom";
arr2[1]="jieke";
arr2[3]="lilei";
1.3 length属性
length 属性可设置或返回数组中元素的数目。
注意:数组的 length 属性总是比数组中定义的最后一个元素的下标大1。对于那些具有连续元素,而且以元素 0 开始的常规数组而言,属性 length 声明了数组中的元素的个数。
设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。
例子:
<script type="text/javascript"> var arr = new Array(3)
arr[0] = "John"
arr[1] = "Andy"
arr[2] = "Wendy" document.write("Original length: " + arr.length)
document.write("<br />") arr.length=5
document.write("New length: " + arr.length) </script>
答案:
Original length: 3
New length: 5
特:因为数组还有另外两个属性constructor和prototype,因为在实际的操作中用的不多,所以再次不做赘述,以后案例中用到会在做讲解。
二。 array对象的方法(array的API)
2.1concat()---连接两个或更多的数组,并返回结果。
说明:该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
语法:
arrayObject.concat(arrayX,arrayX,......,arrayX)
arrayX 必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。
例子
<script type="text/javascript"> var a = [1,2,3];
document.write(a.concat(4,5));//1,2,3,4,5 </script>
<script type="text/javascript"> var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin" document.write(arr.concat(arr2))//George,John,Thomas,James,Adrew,Martin
</script>
2.2 join()方法-----用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
语法:
arrayObject.join(separator)
separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。
说明:
返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。
<script type="text/javascript"> var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr.join())//George,John,Thomas </script>
<script type="text/javascript"> var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr.join("."))//George.John.Thomas </script>
1.3 pop()----方法用于删除并返回数组的最后一个元素。
语法:
arrayObject.pop()
返回值为:arrayObject 的最后一个元素。
说明:
pop() 方法将删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。
<script type="text/javascript"> var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr)//George,John,Thomas document.write("<br />") document.write(arr.pop())//Thomas document.write("<br />") document.write(arr)//George,John </script>
1.4 push()方法--可向数组的末尾添加一个或多个元素,并返回新的长度。
语法:
arrayObject.push(newelement1,newelement2,....,newelementX)
newelement1 必需。要添加到数组的第一个元素。
newelement2 可选。要添加到数组的第二个元素。
newelementX 可选。可添加多个元素。
说明:
push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
提示:要想数组的开头添加一个或多个元素,请使用 unshift() 方法。
例子:
<script type="text/javascript"> var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr + "<br />")//George,John,Thomas
document.write(arr.push("James") + "<br />")//
document.write(arr)//George,John,Thomas,James </script>
1.5 reverse()方法---用于颠倒数组中元素的顺序。
语法arrayObject.reverse()
注释:该方法会改变原来的数组,而不会创建新的数组。
例子:
<script type="text/javascript"> var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr + "<br />")//George,John,Thomas
document.write(arr.reverse())//Thomas,John,George </script>
1.6 shift()方法---用于把数组的第一个元素从其中删除,并返回第一个元素的值。
语法
arrayObject.shift()
返回数组原来的第一个元素的值。
注意:如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。
提示:要删除并返回数组的最后一个元素,请使用 pop() 方法。
例子:
<script type="text/javascript"> var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr + "<br />")//George,John,Thomas
document.write(arr.shift() + "<br />")//George
document.write(arr)//John,Thomas </script>
本文多摘自于w3school中文网,再次感谢此站提供的技术支持。
未完待续。。。。
arry()数组的理解及api的使用(一)的更多相关文章
- arry()数组的理解及api的使用(二)
注意:本文都来自于w3school中文网,如果需要完整版请去--http://www.w3school.com.cn/jsref/jsref_obj_array.asp 1.1 slice() 方法- ...
- Javascript 数组对象常用的API
常用的JS数组对象API ES5及以前的Api ECMAScript5为数组定义了5个迭代方法,每个方法接收两个参数, 一个是每项运行的函数,一个是运行该函数的作用域对象(可选项),传入这些方法的函数 ...
- poj 2406:Power Strings(KMP算法,next[]数组的理解)
Power Strings Time Limit: 3000MS Memory Limit: 65536K Total Submissions: 30069 Accepted: 12553 D ...
- js中对arry数组的各种操作小结
最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊,为了在以后的工作中写出最优化的代码,我 ...
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
js中对arry数组的各种操作小结 最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊 ...
- VuePress教程之深入理解插件API
VuePress教程之深入理解插件API 本文目录 1 VuePress教程之深入理解插件API 2 插件 ??? 2.1 暖暖身 2.2 插件如何运作 3 准备 3.1 Markdown 3.2 P ...
- KMP中next数组的理解
next数组是KMP的核心,但对于next数组我们总是有时候感觉明白了,但有时候又感觉没明白,现在我就说下我自己对KMP中next数组的理解,首先next[i]上的数字的意义,next[i]表示的是当 ...
- KMP算法中我对获取next数组的理解
之前在学KMP算法时一直理解不了获取next数组的函数是如何实现的,现在大概知道怎么一回事了,记录一下我对获取next数组的理解. KMP算法实现的原理就不再赘述了,先上KMP代码: 1 void g ...
- 从文件下载视角来理解Web API
一.问题源起 从Web From过来的人应该会比较熟悉以下下载文件的代码: [HttpPost] [Route("Download")] public void Download( ...
随机推荐
- uva 11536 - Smallest Sub-Array
题目大意:按照题目中的要求构造出一个序列,找出最短的子序列,包含1~k. 解题思路:先根据题目的方法构造出序列,然后用Towpointer的方法,用v[i]来记录当前[l, r]中有几个i:当r移动时 ...
- SmartQQ二维码登陆接口分析
SmartQQ是腾讯在Web上推出的一款单纯的聊天工具,pc端与移动端都可以访问,接下来具体的分析下登陆流程. 网站:http://w.qq.com/ 工具:这个随意能够看到http数据包就可以,浏览 ...
- Javascript 开发IDE
俗话说,工欲行其事,必先利其器.开发的时候有一款好的IDE,对开发效率的提升是非常帮助的,在此强烈推荐Webstorm,官网网址http://www.jetbrains.com/webstorm/ 主 ...
- Visual Studio的广告剧
一个热衷于code的developer,一个热衷于developer的girl,他们将发生怎样的故事? 第一集:<想做你的Code> 第二集:<让爱延长> 第三集:<幸福 ...
- js文本框失去焦点事件与按钮单击事件的冲突问题
<input type="text" id="txt" name="txt"/> <input type="bu ...
- iOS学习之页面之间传值的方式总结
传值三种场景: 1.属性传值(从前往后传) 需求:第二个界面标签显示第一个界面输入框文字. 第一步, 在前一个界面定义属性. (语义属性声明为copy); 第二步, 在进入下一个界面之前,给属性传入数 ...
- Linux的标准输出、标准错误输出、nohup
1.在bash中标准输出可以用1来表示:通常来说这个1可以省略: 如./xxx >/dev/null 和 ./xxx 1>/dev/null 是一个意思 2.在bash中标准错误输出可以用 ...
- WPF异常“调用线程无法访问此对象,因为另一个线程拥有该对象 ”
WPF中在对界面进行操作的时候,可能会遇到"调用线程无法访问此对象,因为另一个线程拥有该对象"异常,这是因为WPF中只有UI线程才能操作UI元素,非UI线程要访问UI时就会报异常了 ...
- 同时处理html+js+jquery+css的插件安装(Spket&Aptana插件安装)
Spket 在线安装方法:Help->Software Updates(或者Install New Software)->Add site Location:http://www.spke ...
- 【杭州图铭科技有限公司招募贴】——“JUST DO IT”
I'm convinced that the only thing that kept me going was that I loved what I did. ——Steve Paul Jobs( ...