`

javascript实用技巧--数组.

 
阅读更多
数组和字符串类型对象的方法我特容易搞混淆,所以把他列出来,免得每次取查。

1、concat方法
[作用] 将多个数组联合起来,这个方法不会改变现存的数组,它只返回了所结合数组的一份拷贝。
[语法] arrayObj.concat(array1,array2,...)
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("1","2");
var array2 = new Array("3","4");
var array3 = array1.concat(array2);
document.write(array3+"<br/>");
document.write(array3[0]);
</script>


2、join方法,
[作用] 将原有数组对象转换成1个字符串,可以用指定分隔符进行串联。
[语法] arrayObj.join(separator),separator为分隔符,默认为“,”。
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("1","2");
document.write(array1.join());
</script>


3、pop、shift方法
[作用] pop方法删除和返回数组中最后一个元素,同时,数组的长度发生变化。与之相对的是shift()方法,删除和返回数组第一个元素。
[语法] arrayObj.pop|shift()
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("1","2","3","4");
document.write(array1.pop()+"<br>");
document.write(array1.length+"<br>");
document.write(array1.shift()+"<br>");
document.write(array1.length);
</script>


4、push、unshift方法
[作用] 向数组的末尾添加一个或多个元素并且返回新的长度。同时,数组的长度将会被改变,与之相对应的是unshift方法。注意,方法的返回值并不是新的数组,而是新数组的长度。
[语法] arrayObj.push|unshift(ele1,ele2,ele3,...)
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("1","2","3","4");
var newL = array1.push("5","6");
document.write(newL+"<br>");
document.write(array1);
</script>


5、reverse方法
[作用] 把数组中的元素排列次序颠倒过来。
[语法] arrayObj.reverse()
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("1","2","3","4");
document.write(array1.reverse());
</script>


6、slice方法
[作用] 可将现存数组中选种的元素返回。
[语法] arrayObj.slice(startposition,endposition),第一个参数为必选,第二个为可选,如不写,则默认为从 startposition到最后一个元素。注意,包含startposition这个位置的元素,而不包括endposition。
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("1","2","3","4");
document.write(array1.slice(0,2));
</script>


7、sort方法
[作用] 用来对数组元素进行排序。
[语法] arrayObj.sort(sortRule())。参数可选,代表排序的方法。特别说明,sort排序有几个基本原则,第一,默认按照字母顺序排列;第二,大写字母排在小写字母之前。基与此,对于数字排序,需要自己写排序方法。
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("c","a","d","b");
var array2 = new Array("c","a","D","b");
var array3 = new Array("100","2","3","1")
function sortRule(a,b){
return a-b;
}
document.write(array1.sort()+"<br>");
document.write(array2.sort()+"<br>");
document.write(array3.sort(sortRule));
</script>


8、splice方法
[作用] 向数组删除并加入新的元素。
[语法] arrayObj.splice(index,number,ele1,ele2...)。index为索引位置,必须为数字,代表从哪个位置插入或者删 除元素。number,代表从index位置往后删除的元素个数,如果为“0”则表示在index插入新元素,不删除往后的数组元素。(说得太混了~~~ 直接看代码实例)
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("c","a","d","b");
array1.splice(0,0,"m")
document.write(array1+"<br>");
array1.splice(0,2,"n")
document.write(array1);
</script>


9、toString方法
[作用] 使用率非常高的方法,直接将数组类型对象转换成字符串类型对象。
[语法] arrayObj.toString()
[实例]
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("c","a","d","b");
strObj = array1.toString();
document.write(strObj+"<br>");
</script>

注意:新的字符串是原数组连接而成,但是中间有“,”分隔,如想去掉“,”,可以这样写:
程序代码 程序代码
<script type="text/javascript">
var array1 = new Array("c","a","d","b");
strObj = array1.toString().replace(/,/g,"");
document.write(strObj.replace+"<br>");
</script>


作者:admin
时间:2008-01-18
分享到:
评论

相关推荐

    JavaScript.实用教程

    ### JavaScript实用教程知识点详解 #### 一、课程目标与内容概览 本教程旨在帮助Web开发者深入了解并掌握JavaScript的核心技术和应用技巧。通过本教程的学习,读者可以达到以下目标: 1. **掌握JavaScript语法及...

    Javascript-Utilities-源码.rar

    通过学习和理解这些JavaScript实用工具函数的源码,开发者可以深入了解语言的内部机制,提升编程技巧,并能借鉴优秀的设计模式来优化自己的代码。此外,开源的JavaScript工具库通常遵循模块化和可维护性的原则,这对...

    Javascript实用技巧.rar

    这份“Javascript实用技巧.rar”压缩包文件显然包含了帮助开发者提升JavaScript技能的一些精华内容。以下是基于标题和描述所推测的一些JavaScript实用技巧,以及这些技巧可能涵盖的知识点: 1. **变量与数据类型**...

    javascript经典特效---各种文字特性.rar

    通过其中的“各种文字特性.htm”文件,我们可以深入探讨JavaScript在文字特效方面的实践技巧。 一、文本属性操作 JavaScript可以通过DOM(Document Object Model)来操作HTML元素,包括文字内容。例如,`document....

    js代码-013手写代码练习-----类数组转数组 ,打印出当前网页使用了多少种HTML元素

    在JavaScript编程中,类数组对象和数组有着相似的特性,但并不完全相同,不具有数组的所有...总的来说,这个练习旨在提升JavaScript编程技巧,理解类数组对象的处理以及DOM操作,对于前端开发者来说是非常实用的技能。

    js代码-js concat 数组合并 数组连接

    总结,`concat()`是JavaScript中一个非常实用的方法,用于合并数组。了解其工作原理和应用场景,能帮助我们更高效地处理数组数据,尤其是在复杂的JavaScript应用中。通过结合其他数组方法和函数式编程技巧,我们可以...

    javascript 数组操作实用技巧

    1、concat方法 [作用] 将多个数组联合起来,这个方法不会改变现存的数组,它只返回了所结合数组的一份拷贝。 [语法] arrayObj.concat(array1,array2,…) [实例] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2...

    JavaScript实用技巧集锦

    这个名为“JavaScript实用技巧集锦”的压缩包,显然是一份汇集了多种JavaScript高效编程技巧的资源。它旨在帮助开发者提升代码质量、提高开发效率,并解决实际开发过程中遇到的问题。下面我们将详细探讨一些可能包含...

    JavaScript对象与数组参考大全

    五、实用技巧 1. Array.prototype.slice.call():将类数组对象转换为数组。 2. Array.prototype.concat():合并多个数组。 3. Array.prototype.includes():检查数组是否包含特定元素。 4. Object.keys():返回对象...

    js代码-200530-构建乘积数组

    在JavaScript编程语言中,"构建乘积数组"通常是指创建一个新的数组,其中的每个元素都是原数组中对应位置元素与所有其他元素相乘的结果。这是一个常见的算法问题,它涉及到数组操作和数学运算。在此场景中,`main.js...

    Javascript实现的SHA-256加密算法完整实例

    本实例展示的JavaScript实现SHA-256算法是一个实用的示例代码,它涵盖了算法的全部步骤和技巧。开发者可以通过阅读和理解这个实例来学习如何用纯JavaScript代码实现SHA-256,这对于提升前端开发者的安全知识和编程...

    JavaScript.1.5.by.Example

    ### JavaScript 1.5 by Example 知识点详解 #### 一、图书基本信息与版权说明 ...通过以上知识点的学习,读者可以全面地掌握JavaScript 1.5的基本用法,并能够运用这些知识来开发实用的Web应用程序。

    JavaScript 使用技巧.md

    本文将详细介绍一系列实用的 JavaScript 编程技巧,旨在帮助开发者更高效地编写高质量的代码。 #### 二、使用模板字符串 模板字符串是 ES6 引入的新特性之一,它允许开发者在字符串中直接插入变量和表达式,极大地...

    Murach.Murachs.JavaScript.And.JQuery

    - JavaScript语言核心:包括数据类型、变量、运算符、控制结构、函数、数组等基本概念。 - 事件处理:解释了如何使用JavaScript来处理用户与网页的交互,例如点击、按键等事件。 - DOM操作:文档对象模型(DOM)...

    JavaScript学习笔记-适合初学者

    本学习笔记专为初学者设计,旨在帮助新接触JavaScript的人快速掌握这门语言的核心概念和实用技巧。 首先,"JavaScript特效.chm"可能是一份关于JavaScript实现的各种网页特效的教程。这些特效可能包括图片轮播、下拉...

    廖雪峰 JavaScript Python Git 教程-01151355.pdf

    - **underscore**: 提供实用函数的 JavaScript 库。 - **Node.js**: 服务器端 JavaScript 运行环境。 - **模块**: Node.js 的模块系统。 - **Web 开发**: 使用 Node.js 构建 Web 应用。 - **自动化工具**: 如 Grunt...

    Javascript 实用小技巧

    在本篇标题为“Javascript实用小技巧”的文章中,作者分享了一系列实用的JavaScript代码片段,旨在帮助学习JavaScript的人士掌握一些提高编程效率的技巧。文章内容涉及了JavaScript的Function对象的apply和call方法...

Global site tag (gtag.js) - Google Analytics