`

javascript 中数组使用方法

阅读更多

 /*
 由于javascript是一种无类型语言,所以一个数组的元素可以具有任意的数据类型,同一个数组的不同元素
 可以具有不同的类型,数组的元素设置可以包含其他数组,这样就可以创建一个复杂的数组了.
 并且在这点上说javascript作为一种脚本语言不同于那种严格的面向对象的c++.c#,java了.具有更高的灵活性.
 */

 /*
 *在javascript1.1和其后的版本中,数组是用构造函数Array()和运算符new来创建,
 可用以下的三种方式来创建javascript 中的数组.
 */
 var a=new Array();
 var b=new Array(5,4,3,"first","test,string");
 var c=new Array(20);

 a[1.23]="test";
 document.write("a[1.23]="+a[1.23]);
 //相信每位从强类型的编程语言学习javascript时,绝对会以为上面这种操作感到惊讶,
 //float数据也作数组的下标了,事实上                       并非如您所想       
 //javascript在您是用负数,浮点数,(或布尔型,对象,其他值时),javascript会将它转换为一个字符串
 //用生成的字符串作为对象的属性名字,而不是定义了一个新的数组元素
 //上面的实例事实就是为a 创建了一个名为:"1.23"的属性.
 document.write("a.length="+a.length);
 document.write("b.length="+b.length);
 document.write("c.length="+c.length);

 a[3]="Test";
 document.write("<br />a[3]="+a[3]);
 document.write("<br/>a.length="+a.length);
 //以上测试也很明确我们用整数作为数组的下标是才会真正为数组添加一个元素,
 //这里用数组的长度来体现了javascript的数组中的奥妙。


 //通过设置数组的length属性能过截断数组的长度。
 a.length=3;
 if (a[3]==undefined)
 {
  document.write("<br />在a.length="+a.length+"后,a[3]="+a[3]);
 }
 else
 {
    document.write("<br />在a.length="+a.length+"后,a[3]="+a[3]);
 }

 //这里测试我们的多维数组元素
 /*
 *javascript中实际上是不支持多维数组
 *但是我们将一个一维数组的元素再赋给其一个一维数组,这样就看起来就实现了多维数组了,但
 实际上他还是个一维数组,这和我们理解c语言的数组时的那种想法一样,但他们的实现机制是不一样的。
 */
 var g=new Array(3);
 g[3]=a;
 g[3][2]="Test"
 document.write("<br />g[3][2]="+g[3][2]);
 
  //数组join()方法
  for (var i=0;i<20 ;i++ )
  {
 c[i]=i;
 document.write("<br />c[i]="+c[i]);
  }
  document.write("<br/>c的元素join()方法后是:"+c.join());
  //数组的reverse()方法
  c.reverse();
  document.write("<br />c的元素在reverse()方法再join()后的结果是:"+c.join("|"));

  //concat()方法的测试
  var h=new Array(1,2,3);
  h= h.concat([4,5]);
  //但是concat函数不会递归地展开一个元素为数组的数组。
  h=h.concat(6,7,[9,[10,20]]);
  document.write("<br />h.length="+h.length+"<br />"+h);
  document.write("h[8]="+h[8]);


  //slice()方法
  document.write("<br>h.slice(4,5)="+h.slice(4,5));
document.write("h.slice(5,9)="+h.slice(5,9))
//slice()方法:返回的数组包含有第一个参数指定的元素和那个元素开始到第二个参数指定的
//元素为止的元素但不包含第二个参数所指定的元素。


//splice()方法
//splice()方法是插入或删除数组元素通用的方法。
/*
splice函数第一个参数指定了要插入或删除的元素在数组中的位置。
第二个参数指定了要从数组中删除的元个数
在第二参数之后可以有任意多个参数,它们指定的是从第一个参数指定的位置处插入的元素。
第一个元素及后续元素,做出相应的移动。
*/

document.write("<br />h.splice(8,1)后的h为::"+h.splice(8,1));
//document.write("<br />h.splice(8,0,'a','b','Test')后的h为::"+h.splice(8,0,'a','b','Test'));
h.splice(7,0,'a','b','Test');
document.write("<br />h.splice(7,0,'a','b','Test')后的h为:"+h);


//javascript中的数组作为堆栈时和php类似
//这点有趣更有用。
//以下是作为堆栈是使用的小实例
/*
push方法是将一个或多个新元素附加到数组的尾部,然后返回数组的新长度。
pop将删除数组的最后一个元素,坚守数组的长度,返回他删除的值。
*/
var stack=new Array();
stack.push(1,2);
document.write("<br>stack的元素是:"+stack);
document.write("<br />stack.length="+stack.length);
document.write("<br>stack.pop()返回的结果是:"+stack.pop());
document.write("<br />stack.length="+stack.length);

//以下是作为队列使用的小实例
/*
unshift方法将一个或多个元素添加到数组元素的头部,然后把已有的元素移动到下标最大的位置已腾出空间
,它返回的是主族的新长度。
方法shift是删除并返回数组的第一个元素,然后将后面的所有元素都向前移动以填补第一个元素留下的空白。
*/
var list=[];
list.unshift(6,2);
document.write("<br >list的内容为:"+list);
document.write("<br>list的shift方法是:"+list.shift());

//此外就剩下,我们在java中熟悉的toString()方法 了
//It's a piece of cake!
document.write(c.toString());
//说白了,其实数组的toString()方法和无参数的join()的效果是完全相同
//OK,this's chapter for Array,that's all!

</script>

分享到:
评论

相关推荐

    第11节 JavaScript数组常用方法及应用.rar

    第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11...

    javascript中数组、对象

    文档"Javascript数组操作整理.doc"可能包含了对数组常见操作的详细总结,如遍历方法(`for`循环、`forEach`、`map`等)、查找方法(`indexOf`、`find`、`filter`等)、排序方法(`sort`)、转换方法(`concat`、`...

    JavaScript splice 数组操作(删除,插入)

    JavaScript splice 数组操作(删除,插入)JavaScript splice 数组操作(删除,插入)JavaScript splice 数组操作(删除,插入)JavaScript splice 数组操作(删除,插入)JavaScript splice 数组操作(删除,插入)...

    JavaScript数组(源代码)

    JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)JavaScript数组(源代码)...

    javascript循环数组有什么方法_javascript循环数组有哪些方法.docx

    该方法同样接受一个回调函数作为参数,此函数会被应用到数组中的每个元素上。只有当回调函数返回 `true` 时,对应的元素才会被包含在新数组中。 **示例代码**: ```javascript let numbers = [1, 2, 3, 4, 5, 6]; ...

    JavaScript中数组常见操作技巧

    可以通过 `arr.length = 0` 清空数组,或者使用 `splice` 方法删除数组中的元素。此外,判断数组是否为空,可以使用 `if (arr.length) {}`。 #### 数组排序 排序数组可以使用数组的 `sort()` 方法,它可以根据提供...

    JavaScript中数组的22种方法必学(推荐)

    本文将深入讲解JavaScript数组的22种必学方法,按照功能分为10类进行解析。 1. **对象继承方法** - `toString()`:将数组转换为以逗号分隔的字符串。例如,`[1,2,3].toString()`返回`'1,2,3'`。在`alert()`等需要...

    JavaScript常用数组操作方法.docx

    `slice()` 方法返回一个新数组,该数组是从原数组中指定的起始索引到结束索引(不包括结束索引)的部分。此方法不会改变原数组。 **示例代码:** ```javascript var arr = [2, 3, 4, 5]; console.log(arr.slice(1, ...

    javascript中的数组对象以及json学习笔记

    数组有一些内置的方法和属性,如`length`用于获取数组长度,`push`用于在数组末尾添加元素,`pop`用于移除并返回数组最后一个元素,`shift`用于移除并返回数组的第一个元素,`unshift`用于在数组开头添加元素,`...

    JavaScript如何删除数组元素!

    `splice()` 是一个非常强大的方法,可以用来删除、插入甚至替换数组中的元素。删除元素时,需要提供两个参数:开始位置和要删除的元素数量。 ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); // ...

    Javascript数组及其操作

    Javascript 数组及其操作 Javascript 数组是一种基本...这可以帮助开发者遍历数组中的每个元素,并执行相应的操作。 Javascript 数组是基础的数据结构,提供了多种操作方法和属性,可以满足各种数据处理和计算需求。

    JavaScript常用数组操作方法1

    以下是对标题和描述中提到的一些JavaScript数组操作方法的详细说明: 1. **concat()**: `concat()` 方法用于合并两个或多个数组,但不改变原始数组。它返回一个新数组,包含所有数组的元素。例如: ```...

    JavaScript数组用法详解

    "JavaScript数组用法详解" JavaScript 数组是一种非常重要的数据结构,它是一种可以存储多个元素的集合。 JavaScript 数组的元素可以是任何类型,包括数字、字符串、对象、函数等。数组的长度可以动态地变化,可以...

    js数组使用方法

    `splice()` 方法用于添加/删除数组中的元素。此方法会改变原数组,并返回被删除的元素。 **语法:** ```javascript arrayObj.splice(start, deleteCount, item1, item2,..., itemN) ``` - **start**:必需,整数,...

    使用JavaScript数组模拟Java的Hashtable集合

    于是,本人使用JavaScript的数组模拟Hashtable集合,说明JavaScript数组的特别之外。 环境:Windows XP Professional, IE 6.0 阅读对象:所有学习JavaScript的学员。 注:本示例代码注释非常详细,请仔细阅读体会...

    JavaScript中数组的一些算法和技巧总结

    - 避免在数组方法中使用副作用,这可能导致意外行为和性能下降。 - 使用`const`声明数组,避免不必要的重新分配。 5. 实现常见算法 - 查找最大值/最小值:`Math.max.apply(null, arr)` 和 `Math.min.apply(null,...

    JavaScript中数组的22种方法必学(推举)_.docx

    在本文中,我们将深入探讨JavaScript数组的22种必学方法,并按照其功能将其分类。这些方法包括对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法...

    【JavaScript源代码】JavaScript中数组sort()方法的基本使用与踩坑记录.docx

    `sort()`方法是JavaScript数组的一个内置方法,它允许开发者对数组元素进行排序。此方法不仅可以应用于数字数组,还可以应用于字符串数组甚至是对象数组。 #### 二、sort()方法的基本语法及参数 `sort()`方法的...

    javascript中数组删除指定的元素的代码示例

    通过调用arr.indexOf(value)获取到值为'b'的元素在数组中的索引,然后使用splice方法从数组中删除这个元素。 splice方法的第一个参数是'b'元素的索引,第二个参数是1,表示我们要删除一个元素。 需要注意的是,...

Global site tag (gtag.js) - Google Analytics