首页 web前端 js教程 JavaScript数组常用操作

JavaScript数组常用操作

Nov 25, 2016 pm 12:01 PM
javascript

1.创建数组
只是声明了数组,并不包含具体数据。
Java代码 
var checkboxlist = new array(); 

创建数组并指定长度,这个长度5是可以变的,可以自动增长。
Java代码 
var checkboxlist = new array(5); 

创建数组,并初始化了三个元素。
Java代码 
var checkboxlist = new array("1111","2222","3333"); 

2.数组操作
2.1 push() 数组末尾添加元素,返回数组最新长度

将字符串"userid001"放入数组末尾
Java代码 
checkboxlist.push("userid001"); 

一次添加两个元素,"aaaa"与"bbbb"
Java代码 
checkboxlist.push("aaaa","bbbb"); 

2.2 unshift() 数组开头,插入元素,原有元素后移
在数组开头插入两个元素。
(有资料说返回值是数组最新长度,不过我在ie6测返回是"undefined")
Java代码 
checkboxlist.unshift("aaaa","bbbb"); 

2.3 pop() 移出数组末尾的一个元素,并返回该元素。
代码:
Java代码 
checkboxlist.pop(); 

2.3 shift() 移出数组开头的一个元素,并返回该元素
代码:
Java代码 
checkboxlist.shift() 

2.4 splice() 插入(替换)或者移除多个元素
移除示例:
splice(delindex,delcount);
delindex:开始移除的位置,也就是数组的下标,从0开始。
delcount:移除元素的个数。
从数组的第一个元素开始,移除2个元素。
Java代码 
checkboxlist.splice(0,2); 

如:在执行完checkboxlist.splice(1,2)后,数组由原来的4个元素变成了只有"1111","4444"两个元素。
Java代码 
var checkboxlist = new array();checkboxlist.push("1111");checkboxlist.push("2222");checkboxlist.push("3333");checkboxlist.push("4444");//从数组的第二个元素开始,移除2个元素。checkboxlist.splice(1,2);alert(checkboxlist); 

插入(替换)示例:
splice(addindex,replacecount,elememt...);
addindex:插入(替换)起始位置,也就是数组的下标,从0开始。
replacecount:需要替换元素的个数。
elememt...:新的元素,可以是一个或者多个。

当replacecount小于等于0时,只进行添加。
如:在checkboxlist数组的第1个元素("1111")后插入"aaaa","bbbb"两个元素。
Java代码 
var checkboxlist = new array("1111","2222","3333","4444","5555");checkboxlist.splice(1,0,"aaaa","bbbb");alert(checkboxlist); 

当replacecount大于0时,会元素会进行替换。
如:将checkboxlist数组的第1个元素("1111")后的一个元素(也就是"2222")替换成"aaaa","bbbb"。下面代码中的checkboxlist最新值为:"1111","aaaa","bbbb","3333","4444","5555"
Java代码 
var checkboxlist = new array("1111","2222","3333","4444","5555");checkboxlist.splice(1,1,"aaaa","bbbb");alert(checkboxlist); 

如果replacecount参数的值大于数组的长度,那将会替换掉addindex参数开始的所有元素。执行完后checkboxlist的元素变为:"1111","aaaa","bbbb"
Java代码 
var checkboxlist = new array("1111","2222","3333","4444","5555");checkboxlist.splice(1,9,"aaaa","bbbb");alert(checkboxlist); 

2.5 reverse() 数组元素顺序反转
Java代码 
checkboxlist.reverse(); 

2.6 sort() 对数组元素按自然顺序排序
Java代码 
checkboxlist.sort(); 

2.7 concat() 拷贝另一个数组,生成新的数组,并返回
alllist中的元素为checkboxlist与radiolist中的元素的合集
Java代码 
var checkboxlist = new array("1111","2222");var radiolist = new array("aaaa","bbbb");var alllist = checkboxlist.concat(radiolist); 

2.8 slice() 拷贝指定序号后的元素,生成新的数组,并返回
slice(index)
index:拷贝开始位置,也就是数组的下标,从0开始。
当index大于数组元素个数时,返回空数组

拷贝checkboxlist第一个元素后的所有元素到新的temparray 数组,原checkboxlist不发生变化。
Java代码 
var checkboxlist = new array("1111","2222","3333");var temparray = checkboxlist.slice(1); 

2.9 join() 字符串操作
join(separator);
separator:添加的分隔符,可以为""空字符串。

可以于高效字符串相加。比直接字符串相加效率高很多。
代码示例:
Java代码 
var checkboxlist = new array("1111","2222","3333","4444");var strdata = checkboxlist.join("|");alert(strdata); 

 

2.10 length 属性
length 返回数组长度,也就是元素个数。
Java代码 
var checkboxlist = new array("1111","2222","3333","4444");alert(checkboxlist.length); 


本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用WebSocket和JavaScript实现在线语音识别系统 如何使用WebSocket和JavaScript实现在线语音识别系统 Dec 17, 2023 pm 02:54 PM

如何使用WebSocket和JavaScript实现在线语音识别系统引言:随着科技的不断发展,语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统,具备了低延迟、实时性和跨平台的特点,成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系

WebSocket与JavaScript:实现实时监控系统的关键技术 WebSocket与JavaScript:实现实时监控系统的关键技术 Dec 17, 2023 pm 05:30 PM

WebSocket与JavaScript:实现实时监控系统的关键技术引言:随着互联网技术的快速发展,实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用,并给出代码示例,详细解释其实现原理。一、WebSocket技

如何利用JavaScript和WebSocket实现实时在线点餐系统 如何利用JavaScript和WebSocket实现实时在线点餐系统 Dec 17, 2023 pm 12:09 PM

如何利用JavaScript和WebSocket实现实时在线点餐系统介绍:随着互联网的普及和技术的进步,越来越多的餐厅开始提供在线点餐服务。为了实现实时在线点餐系统,我们可以利用JavaScript和WebSocket技术。WebSocket是一种基于TCP协议的全双工通信协议,可以实现客户端与服务器的实时双向通信。在实时在线点餐系统中,当用户选择菜品并下单

如何使用WebSocket和JavaScript实现在线预约系统 如何使用WebSocket和JavaScript实现在线预约系统 Dec 17, 2023 am 09:39 AM

如何使用WebSocket和JavaScript实现在线预约系统在当今数字化的时代,越来越多的业务和服务都需要提供在线预约功能。而实现一个高效、实时的在线预约系统是至关重要的。本文将介绍如何使用WebSocket和JavaScript来实现一个在线预约系统,并提供具体的代码示例。一、什么是WebSocketWebSocket是一种在单个TCP连接上进行全双工

JavaScript和WebSocket:打造高效的实时天气预报系统 JavaScript和WebSocket:打造高效的实时天气预报系统 Dec 17, 2023 pm 05:13 PM

JavaScript和WebSocket:打造高效的实时天气预报系统引言:如今,天气预报的准确性对于日常生活以及决策制定具有重要意义。随着技术的发展,我们可以通过实时获取天气数据来提供更准确可靠的天气预报。在本文中,我们将学习如何使用JavaScript和WebSocket技术,来构建一个高效的实时天气预报系统。本文将通过具体的代码示例来展示实现的过程。We

简易JavaScript教程:获取HTTP状态码的方法 简易JavaScript教程:获取HTTP状态码的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教程:如何获取HTTP状态码,需要具体代码示例前言:在Web开发中,经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时,我们经常需要获取返回的HTTP状态码来判断操作是否成功,根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码,并提供一些实用的代码示例。使用XMLHttpRequest

javascript中如何使用insertBefore javascript中如何使用insertBefore Nov 24, 2023 am 11:56 AM

用法:在JavaScript中,insertBefore()方法用于在DOM树中插入一个新的节点。这个方法需要两个参数:要插入的新节点和参考节点(即新节点将要被插入的位置的节点)。

JavaScript和WebSocket:打造高效的实时图像处理系统 JavaScript和WebSocket:打造高效的实时图像处理系统 Dec 17, 2023 am 08:41 AM

JavaScript是一种广泛应用于Web开发的编程语言,而WebSocket则是一种用于实时通信的网络协议。结合二者的强大功能,我们可以打造一个高效的实时图像处理系统。本文将介绍如何利用JavaScript和WebSocket来实现这个系统,并提供具体的代码示例。首先,我们需要明确实时图像处理系统的需求和目标。假设我们有一个摄像头设备,可以采集实时的图像数

See all articles