`
rebecca
  • 浏览: 314965 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

JS-Array类小总结

 
阅读更多

 Array类:

 

 

 

首先 ^^

数组定义习惯上都用 [], 下面分别使用 new Array() [] ,验证时间效率代码如下,看看谁用的时间少:

var a = new Date ;
var arr, direct, b = [];
for(var i=0; i<10000; i++)
 arr = new Array();
b.push(new Date() - a);
a = new Date;
for(var i=0; i<10000; i++) 
direct = [];
b.push(new Date() - a);
alert(b.join(" : "));

 

以下总结参考 JS 高级程序设计

1 创建 Array 类对象:

 

(1)	
var numbers= new Array();//习惯上是var numbers= [];
numbers [0] = "one";
numbers [2] = "two";
numbers [3] = "three";
numbers [35] = "four";
alert(numbers [0]);     //outputs “one”
alert(numbers [35]);   //outputs ”four”
alert(numbers.length);  //outputs “36”

 

(2)
var numbers= new Array(15);// 习惯上是var numbers= [15];
alert(numbers [0]);        //outputs "undefined"
alert(numbers.length);    //outputs "15"

 

(3)
var numbers= new Array("one","two","three");//习惯上是var numbers= ["one","two","three"];
alert(numbers [0]);      //outputs "undefined"
numbers [10] = "four";
alert(numbers.length);    //outputs "11"

 

(4)用字面量表示定义Array对象:

var numbers= ["one","two","three"];
alert(numbers [0]);      //outputs "undefined"
numbers [10] = "four";
alert(numbers.length);     //outputs "11"

 

   2  Array 对象覆盖 toString() 方法和 valueOf() 方法,返回字符串。

var numbers= ["one","two","three"];
alert(numbers.toString());  //outputs "one,two,three"
alert(numbers.valueOf());  //outputs "one,two,three"

 

3  toLocalString() 方法。

 

var numbers= ["one","two","three"];
alert(numbers.toLocaleString());  //outputs "one,two,three"

 

4  join() 方法,,用来连接字符串的值。

var numbers= ["one","two","three"];
alert(numbers.join(","));  //outputs "one,two,three"
alert(numbers.join("-and-"));  //outputs "one-and-two-and-three"
alert(numbers.join(""));  //outputs "onetwothree"
alert(numbers.join(")("));  //outputs "one)(two)(three"

 

  5  concat() 方法。

var numbers= ["one","two","three"];
var arr = numbers;
var numbers2=arr.concat("four","five");
alert(numbers2.toString());     //outputs "one,two,three,four,five"
alert(numbers.toString());     //outputs "one,two,three"
//alert(numbers.concat("four","five"));   //outputs "one,two,three"

 

6  slice() 方法。

var numbers = ["one","two","three","four","five","six"];
var arr = numbers;
var numbers2 = arr.slice(1);
alert(numbers2.toString());   //outputs "two,three,four,five,six"
var numbers3 = arr.slice(1,4);
alert(numbers3.toString());   //outputs "two,three,four"

 

 

 

 

 

 

 

 

7 调用 push() pop() 方法实现后进先出的结构(栈 stack )。

var stack= ["one","two","three"];
stack.push("four");
stack.push("five","six");
alert(stack.toString());       //outputs "two,three,four,five,six"

var removelast=stack.pop();
alert(removelast);          //outputs "six"
var removelast=stack.pop();
alert(removelast);           //outputs "five"
alert(stack.toString());        //outputs "two,three,four"

 

8 调用 shift() push() 方法实现后进后出结构(队列 queue )。

var queue= ["one","two","three"];
queue.push("four");
alert(queue.toString());         //outputs "one,two,three,four"

var removefirst = queue.shift();
alert(removefirst);           //outputs "one"
alert(queue.toString());       //outputs "two,three,four"

 

其它。

 

(1)unshift() 方法把一个项添加在数组的第一个位置。

(代码的上面部分可以用 8 的代码)

var addfirst = queue.unshift("one");
//alert(addfirst);             //outputs "4"
alert(queue.toString());       //outputs "one,two,three,four"

 

(2)reverse() 方法颠倒数组项顺序。

代码衔接上面的 unshift()

queue.reverse(); 
alert(queue.toString());        //outputs "four,three,two,one"

 

3 sort() 方法按数组项的升序排列。

 

var queue= ["one","two","three"];
queue.sort();
alert(queue.toString());    //outputs "one,three,two"

 

4 splice() 方法。第一参数是指起始位置,第二个参数是要删除项的个数,第三个参数是要插入的项。    

 

var queue= ["one","two","three","four","five"];
queue.splice(0,2);
alert(queue.toString());        //outputs "three,four,five",delete one and two

queue.splice(1,1,"and1","and2","and3");
alert(queue.toString());         //outputs "three,and1,and2,and3,four"

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    前端开源库-sorted-array

    总结来说,"sorted-array"是一个专注于排序和搜索的前端开源库,采用JavaScript实现John von Neumann的排序算法和二进制搜索技术,适用于需要高效处理排序数组的场景。通过理解和使用这个库,前端开发者可以提升代码...

    JavaScript-Array类型全面解析_.docx

    ### JavaScript Array 类型全面解析 #### 一、概述 JavaScript 中的数组(Array)是一种特殊的数据结构,用于存储一系列有序的数据。与许多其他编程语言不同,JavaScript 的数组非常灵活,可以存储任意类型的数据...

    JavaScript 数组- Array的方法总结(推荐)

    JavaScript中的Array对象是编程中非常基础且重要的部分,它提供了丰富的内置方法,使得处理和操作数组变得简单高效。本文将对这些方法进行详尽的总结和解析。 首先,创建JavaScript数组有多种方式: 1. 使用构造...

    js-base64-3.7.5.tgz

    总结来说,"js-base64-3.7.5.tgz" 是一个JavaScript实现的Base64编码和解码库,它提供了一组高效、稳定的API,支持浏览器和Node.js环境,广泛应用于数据编码、网络通信和本地存储等场景。开发者可以根据项目需求选择...

    HTML-JS-CSS 总结.docx

    - `String` 对象的方法如 `toLowerCase()` 和 `toUpperCase()` 转换大小写,`charAt()` 和 `charCodeAt()` 获取字符。 - `Array` 对象的方法如 `indexOf()` 和 `lastIndexOf()` 检索元素。 这些只是 HTML、CSS ...

    支持php5.3.3的php-js-ext 0.1.2扩展

    总结,`php-js-ext 0.1.2`扩展为PHP 5.3.3环境提供了便捷的PHP与JavaScript交互功能,简化了开发者的工作,提高了开发效率。在实际开发中,根据项目的具体需求,灵活运用此扩展,可以显著提升前后端协作的效率和用户...

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

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

    Android-pareto.js-非常小直观和快速实用工具类集合的JavaScript库

    `pareto.js` 是这样一个小型、直观且高效的JavaScript库,它集合了一系列实用工具类,旨在简化开发者的工作流程,提高代码的可读性和执行效率。 **库的特性** 1. **小巧轻便**:`pareto.js` 的大小极小,这使得它...

    js-大总结(JavaScript对象).

    ### JavaScript对象大总结 #### B.1 Anchor对象 **定义:** 在HTML中,通过`&lt;a name="..." /&gt;`创建的描点可以被其他链接作为目标引用。如果该描点还包含`href`属性,则它同时也是一个链接对象。 **关联性:** ...

    8.2-js-array-some-every

    总结,`some()` 和 `every()` 是 JavaScript 数组操作中的重要工具,它们提供了一种简洁、高效的方式来检查数组元素是否满足特定条件。理解并熟练使用这些方法可以显著提高代码的可读性和效率。在处理大数据集或进行...

    数组的扩展-array.some()和array.every()区别?1

    在JavaScript的数组方法中,`some()`和`every()`是两个非常重要的成员过滤函数,它们在处理数组数据时起着关键的作用。这两个方法都接受一个回调函数作为参数,用于检查数组中的元素是否满足特定条件。下面我们将...

    js-vue个人总结未完成版

    注意:外部脚本文件 `demo.js` 只包含 JavaScript 代码,不包含 `&lt;script&gt;` 标签。 ### JavaScript 基础语法 1. **基本书写要求** - **大小写敏感**:所有标识符(如变量名、函数名等)都区分大小写。 - **分号...

    javascript课程内容总结

    JavaScript 课程内容总结 JavaScript 是一种广泛应用于网页开发的编程语言,以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中,数据类型包括字符串(string)、数值型(number)、布尔型...

    JS中Array数组学习总结

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

    object-array-quiz-SelinaZheng:由GitHub Classroom创建的object-array-quiz-SelinaZheng

    《JavaScript中的对象与数组...总结,JavaScript中的对象和数组是构建复杂应用的基础,熟练掌握它们的使用对于提升编程技能至关重要。通过不断学习和实践,你将能够更自如地应对各种编程挑战,打造高效且可维护的代码。

    JavaScript - JavaScript Tutorial

    - **JS Summary**:总结JavaScript的核心概念和技术要点。 #### JS示例 - **JS Examples**:提供超过200个示例代码,涵盖从简单到复杂的各种应用场景。 - **JS Objects Examples**:面向对象编程的示例,展示如何...

    webpjs-0.0.2.min.js 下载

    总结来说,`webpjs-0.0.2.min.js`是WebP图像在非原生支持WebP的浏览器中使用的JavaScript解码库,通过它,开发者可以充分利用WebP格式的优势,提升网页的加载速度和用户体验,同时保证了跨浏览器的兼容性。

    Javascript中关于Cookie存储Array集合

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

Global site tag (gtag.js) - Google Analytics