`
lokvin
  • 浏览: 164852 次
  • 性别: Icon_minigender_1
  • 来自: 地球
文章分类
社区版块
存档分类
最新评论

js 中的 Array

阅读更多
javascript 中有 Array 类 (其实说 javascript 中有类不是很严密,暂且暂且)

var aValues = new Array();
var aValues = new Array(10); // 声明有 10 个项的 Array 对象

var arr = new Array();
arr[0]="thanks";
arr[1]="god";
arr[2]="its";
arr[3]="friday";

var aColors = new Array("red", "yellow", "blue");//直接用 value 声明数组

var arr2 = ["you","are","right"];//用字面量声明数组


js 中的数组可以动态扩大,例如:

var arr = [1,2,3];
alert(arr.length); // 等于 3

arr[15]=100;
alert(arr.legth);// 等于16
//其中数组的 3..15 项是 undefined

据说js 数组中最多有 4,294,967,295 项

1.Array 的 toString() 和 valueOf() 方法
toString(), 和 valueOf() 返回的是用 , 连接的数组项的字符串

var arr = ["a","b","c"];
document.write(arr.toString());//返回 "a,b,c"
document.write(arr.valueOf());//返回 "a,b,c"


2.Array 的 join() 方法
join() ,将数组中的项用 join 的参数连接成一个字符串
var arr = ["a","b","c"];
arr.join(","); // 返回与 toString(), valueOf() 相同 , "a,b,c"
arr.join("*");//"a*b*c"
arr.join(""); // 用空字符串连接数组项,这个比较有用可以用数组来实现,类似 java 的 StringBuffer 类, 提高 js 中字符串连接效率

join() 方法是将 Array 转换为 String 的方法,
对应的 String 类中的 split() 方法可以将 String 转为 Array,类如
var str = "red,blue,green";
var arr = str.split(","); // 将 String 转换为 Array
document.write(arr.length);



2.Array 的 contact(),slice(), 方法

contact() 方法将内容添加的数组后面, 注意它返回新的数组,原 Array 内容不变。
var arr = ["you","are","right"];
var arr1 = arr.concat(["a","b"]);
document.write(arr.toString());//you,are,right
document.write("<br>");
document.write(arr1.toString());//you,are,right,a,b


slice() 返回数组片段, 可有有两个参数,1起始位置,2 结束位置 (不包括)。
如果只有一个参数从起始位置一直到结尾。
注意 slice() 也是返回新 Array

var arr = ["you","are","right", "a", "b", "c"];
var arr1 = arr.slice(1);
var arr2 = arr.slice(2,4);

document.write(arr.toString());//返回 you,are,right,a,b,c
document.write("<br>");
document.write(arr1.toString());//返回are,right,a,b,c
document.write("<br>");
document.write(arr2.toString());//返回right,a



3.Array 的 push(),pop() 方法,
Array 可以实现 Stack 结构,通过以上的两个方法。
push() 将内容添加到末尾
pop() 移除末尾项,并返回末尾项

例如:
var stack = ["rich", "maddy", "yuzhou"];
stack.push("flex");
stack.push("jade");

document.write(stack.toString());//rich,maddy,yuzhou,flex,jade
document.write("<br>")
var name = stack.pop();
document.write(name);//jade
document.write("<br>")
document.write(stack.toString());//rich,maddy,yuzhou,flex


4.Array 的 shift(),unshift() 方法,
shift() 移除并返回第一项
unshfit() 将传入项放到第一的位置,其余项向后移动
var stack = ["rich", "maddy", "yuzhou"];
var name = stack.shift();
document.write(stack.toString());//"maddy,yuzhou"
document.write("<br>")
document.write(name);//"rich"
stack.unshift("flex");
document.write(stack.toString());//flex,maddy,yuzhou



用 push() 和 shift() 可以实现 queue 结构

5.Array 的 reverse(),sort() 方法,
reverse() 将数组项 反转
sort() 将数组项按字符数序 排序

var stack = ["rich", "maddy", "yuzhou"];
document.write(stack.toString());//rich,maddy,yuzhou
document.write("<br>")
stack.reverse();
document.write(stack.toString());//yuzhou,maddy,rich

注意对 Number 的 sort() 是按照字符串比较的
var stack = [10,2,15,5,6];
document.write(stack.toString());//10,2,15,5,6
document.write("<br>")
stack.sort();
document.write(stack.toString());//10,15,2,5,6



6.Array 的 splice() 方法,
splice() 是比较复杂的一个方法
var stack = ["yuzhou","flex","rich","maddy","andy","grace","jade"];
document.write(stack.toString());//yuzhou,flex,rich,maddy,andy,grace,jade
document.write("<br>")
stack.splice(0,3);//从第一项开始删除 3个
document.write(stack.toString());//maddy,andy,grace,jade

var stack = ["yuzhou","flex","rich","maddy","andy","grace","jade"];
document.write(stack.toString());//yuzhou,flex,rich,maddy,andy,grace,jade
document.write("<br>")
stack.splice(1,0,"mike.d","cory");//从第二项,不删除,插入 "mike.d", "cory"
document.write(stack.toString());//yuzhou,mike.d,cory,flex,rich,maddy,andy,grace,jade





分享到:
评论

相关推荐

    js中Array.forEach跳出循环的方法实例.docx

    ### JavaScript 中 `Array.forEach` 跳出循环的方法实例 #### 概述 在JavaScript编程中,`Array.forEach` 是一种常用的数组迭代方法,用于遍历数组中的每一个元素,并执行相应的操作。然而,在某些场景下,我们...

    Javascript实现Array和String互转换的方法

    在JavaScript中,Array(数组)和String(字符串)的互转换是经常需要掌握的基础知识点,尤其在处理数据时非常实用。本文将详细介绍如何使用JavaScript内置方法来实现数组与字符串之间的转换,其中涉及到了两个重要...

    JavaScript实现Array(数组)和Map

    `object.js` 文件可能涉及到的是JavaScript对象的操作,虽然不是直接与Array或Map相关,但它们在JavaScript中是重要的数据结构。JavaScript对象是一种键值对的集合,键通常是字符串,但也可以是符号(Symbol)。与...

    Javascript中Array用法实例分析

    本文实例讲述了Javascript中Array用法。分享给大家供大家参考。具体分析如下: JavaScript中的Array对象就是数组,首先是一个动态数组,而且是一个像C#、Java中“数组、List、HashMap/Dictionary”等的超强综合体。 ...

    JavaScript中Array对象用法实例总结

    本文实例讲述了JavaScript中Array对象用法。分享给大家供大家参考,具体如下: Array数组对象有很多常用的方法和属性,现总结如下: 1. length属性,获取数组中元素的个数。 2. concat()方法,连接两个数组。将两个...

    javascript中Array()数组函数详解

    JavaScript中Array()数组函数是该语言提供的一个内建构造器,用于创建数组对象。数组在编程中是用于存储一系列数据项的集合,在JavaScript中具有高度的灵活性和功能性。我们可以将不同类型的数据存储在同一个数组中...

    JavaScript中Array方法你该知道的正确打开方法

    于是我写了这篇文章,总结了如何在 JavaScript 中正确使用地使用 Array 的方法! Array对象为JavaScript内置对象,具有以下属性: 属性 描述 constructor 返回对创建此对象的数组函数的引用。 length 返回...

    JS中Array数组学习总结

    以下是对JS中Array数组相关知识点的详细介绍。 一、数组声明方式 在JavaScript中声明数组有多种方式,最常见的有构造函数方式和数组字面量方式。构造函数方式使用关键字new来创建数组,如var colors = new Array()...

    Javascript中关于Cookie存储Array集合

    总结,JavaScript中存储Array集合在Cookie的主要步骤包括序列化Array为JSON字符串,设置Cookie,然后在读取时反序列化回Array。需要注意的是,由于Cookie的大小限制和安全性问题,对于大量数据或敏感信息,可能需要...

    javascript object array方法使用详解.docx

    在JavaScript开发中,数组(Array)是一类极为常用的数据结构,提供了丰富的内置方法来帮助开发者高效地操作数据。本文将详细介绍Array原型上的方法,并探讨如何将这些方法应用于普通的JavaScript对象(Object),...

    详解JS中Array对象扩展与String对象扩展

    标题所指的知识点主要分为两个部分:JS中Array对象的扩展和String对象的扩展。以下是对这两部分内容的详细阐述。 一、Array对象的扩展 Array对象是JavaScript中最为重要的对象之一,用于表示数组,即有序的列表。...

    详解js中Array的方法及技巧

    JavaScript中的Array对象是编程中最常用的数据结构之一,它提供了丰富的内置方法来处理和操作数组。在JavaScript中,Array的方法能够帮助我们高效地实现各种数组操作,例如筛选、映射、检查元素等。以下是对几个常见...

    JS List的contains方法与Array的contains方法的使用

    在JavaScript中,`Array`是用于存储多个值的数据结构。然而,原生JavaScript并没有提供一个直接的`contains`方法来检查数组是否包含某个元素。通常情况下,开发人员会自定义一个`contains`方法或者使用现代...

    javascript array list into setjavascript array list into set

    javascript array list into setjavascript array list into setjavascript array list into setjavascript array list into setjavascript array list into setjavascript array list into setjavascript array ...

    JavaScript中Array的实用操作技巧分享

    最近在调试JSP页面时频繁与ajax打交道,在复杂场景下,ajax传参数就需要对大量参数进行处理。这时我才发现,熟练Array的处理真的会使...下面就给大家分享下JavaScript中Array的实用操作技巧,有需要的可以参考借鉴。

Global site tag (gtag.js) - Google Analytics