• arry()数组的理解及api的使用(一)


    我们想要了解数组,首先就要先要了解到什么是数据结构,所谓的数据结构就是把数据与数据见的关系按照特定的结构来保存。设计合理的数据结构是解决问题的前提。
    了解了数据结构后我们下面来数组的定义:
    数组(array)就是一种很常用的保存批量数据的数据结构。也就是说使用单独的变量名来存储一系列的值。
    1.1创建数组

    1 var arr1=[];//定义一个不包含元素的数组
    2 var arr2=[25,56,85];//定义一个包含三个元素的数组
    3 var arr3=new Array();//定义一个不包含元素的数组(这种写法是因为js中一切都是对象)
    4 var arr4=new Array("tom","maray","lilei")//定义一个包含三个字符串元素的数组


    1.2初始化数组
    说完数组的定义,那我们就不得不说数组的初始化了

    var arr1=[50,60,90,75];
    var arr2=new Array("tom","jieke","lilei");


    我们也可以先声明一个空数组然后对他进行赋值

    1 var arr1=[];
    2 arr1[0]=55;
    3 arr2[1]=78;
    4 var arr2=new Array();
    5 arr2[0]="tom";
    6 arr2[1]="jieke";
    7 arr2[3]="lilei";


    1.3 length属性
    length 属性可设置或返回数组中元素的数目。
    注意:数组的 length 属性总是比数组中定义的最后一个元素的下标大1。对于那些具有连续元素,而且以元素 0 开始的常规数组而言,属性 length 声明了数组中的元素的个数。
    设置 length 属性可改变数组的大小。如果设置的值比其当前值小,数组将被截断,其尾部的元素将丢失。如果设置的值比它的当前值大,数组将增大,新的元素被添加到数组的尾部,它们的值为 undefined。
    例子:

     1 <script type="text/javascript">
     2 
     3 var arr = new Array(3)
     4 arr[0] = "John"
     5 arr[1] = "Andy"
     6 arr[2] = "Wendy"
     7 
     8 document.write("Original length: " + arr.length)
     9 document.write("<br />")
    10 
    11 arr.length=5
    12 document.write("New length: " + arr.length)
    13 
    14 </script>

    答案:

    1 Original length: 3
    2 New length: 5


    特:因为数组还有另外两个属性constructor和prototype,因为在实际的操作中用的不多,所以再次不做赘述,以后案例中用到会在做讲解。
    二。 array对象的方法(array的API)
    2.1concat()---连接两个或更多的数组,并返回结果。
    说明:该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
    语法:
    arrayObject.concat(arrayX,arrayX,......,arrayX)
    arrayX 必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。
    例子

     1 <script type="text/javascript">
     2 
     3 var a = [1,2,3];
     4 document.write(a.concat(4,5));//1,2,3,4,5
     5 
     6 </script>
     7 <script type="text/javascript">
     8 
     9 var arr = new Array(3)
    10 arr[0] = "George"
    11 arr[1] = "John"
    12 arr[2] = "Thomas"
    13 
    14 var arr2 = new Array(3)
    15 arr2[0] = "James"
    16 arr2[1] = "Adrew"
    17 arr2[2] = "Martin"
    18 
    19 document.write(arr.concat(arr2))//George,John,Thomas,James,Adrew,Martin
    20 </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 值。

     1 <script type="text/javascript">
     2 
     3 var arr = new Array(3)
     4 arr[0] = "George"
     5 arr[1] = "John"
     6 arr[2] = "Thomas"
     7 
     8 document.write(arr)//George,John,Thomas
     9 
    10 document.write("<br />")
    11 
    12 document.write(arr.pop())//Thomas
    13 
    14 document.write("<br />")
    15 
    16 document.write(arr)//George,John
    17 
    18 </script>

    1.4 push()方法--可向数组的末尾添加一个或多个元素,并返回新的长度
    语法:
    arrayObject.push(newelement1,newelement2,....,newelementX)
    newelement1 必需。要添加到数组的第一个元素。
    newelement2 可选。要添加到数组的第二个元素。
    newelementX 可选。可添加多个元素。
    说明:
    push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject,而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。
    提示:要想数组的开头添加一个或多个元素,请使用 unshift() 方法。
    例子:

     1 <script type="text/javascript">
     2 
     3 var arr = new Array(3)
     4 arr[0] = "George"
     5 arr[1] = "John"
     6 arr[2] = "Thomas"
     7 
     8 document.write(arr + "<br />")//George,John,Thomas
     9 document.write(arr.push("James") + "<br />")//4
    10 document.write(arr)//George,John,Thomas,James
    11 
    12 </script>

    1.5 reverse()方法---用于颠倒数组中元素的顺序。
    语法arrayObject.reverse()
    注释:该方法会改变原来的数组,而不会创建新的数组。
    例子:

     1 <script type="text/javascript">
     2 
     3 var arr = new Array(3)
     4 arr[0] = "George"
     5 arr[1] = "John"
     6 arr[2] = "Thomas"
     7 
     8 document.write(arr + "<br />")//George,John,Thomas
     9 document.write(arr.reverse())//Thomas,John,George
    10 
    11 </script>

    1.6 shift()方法---用于把数组的第一个元素从其中删除,并返回第一个元素的值。
    语法
    arrayObject.shift()
    返回数组原来的第一个元素的值。
    注意:如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。
    提示:要删除并返回数组的最后一个元素,请使用 pop() 方法。
    例子:

     1 <script type="text/javascript">
     2 
     3 var arr = new Array(3)
     4 arr[0] = "George"
     5 arr[1] = "John"
     6 arr[2] = "Thomas"
     7 
     8 document.write(arr + "<br />")//George,John,Thomas
     9 document.write(arr.shift() + "<br />")//George
    10 document.write(arr)//John,Thomas
    11 
    12 </script>

    本文多摘自于w3school中文网,再次感谢此站提供的技术支持。
    未完待续。。。。

  • 相关阅读:
    ubuntu gcc g++ 未找到命令 安装 gcc4.4 /bin/bash: cc: 未找到命令
    Atitit.工作流系统的本质是dsl 图形化的dsl  4gl
    Atitit.5gl 第五代语言编程语言 PROLOG教程  人工智能语言的标准 与实现
    Atitit.jsou html转换纯文本 java c# php
    userService 用户 会员 系统设计 v2 q224 .doc
    atitit.groovy 语法特性
    Atitit.跨语言反射api 兼容性提升与增强 java c#。Net  php  js
    Atitit.struts排除url 的设计and 原理 自定义filter 排除特定url
    Atitit避免出现空指针异常解决方案
    Atitit .c#的未来新特性计划草案
  • 原文地址:https://www.cnblogs.com/hanqingtao/p/5648546.html
Copyright © 2020-2023  润新知