js数组的管理[增,删,改,查]
今天在设计表单的时候遇到对数组的一些处理的问题,比如说怎么创建一个数组,然后牵扯到数组的增删改查的方法。请看API
FF: Firefox, N: Netscape, IE: Internet Explorer
| 方法 | 描述 | FF | N | IE |
|---|---|---|---|---|
| concat() | 连接两个或更多的数组,并返回结果。 | 1 | 4 | 4 |
| join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 | 1 | 3 | 4 |
| pop() | 删除并返回数组的最后一个元素 | 1 | 4 | 5.5 |
| push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 | 1 | 4 | 5.5 |
| reverse() | 颠倒数组中元素的顺序。 | 1 | 3 | 4 |
| shift() | 删除并返回数组的第一个元素 | 1 | 4 | 5.5 |
| slice() | 从某个已有的数组返回选定的元素 | 1 | 4 | 4 |
| sort() | 对数组的元素进行排序 | 1 | 3 | 4 |
| splice() | 删除元素,并向数组添加新元素。 | 1 | 4 | 5.5 |
| toSource() | 代表对象的源代码 | 1 | 4 | - |
| toString() | 把数组转换为字符串,并返回结果。 | 1 | 3 | 4 |
| toLocaleString() | 把数组转换为本地数组,并返回结果。 | 1 | 3 | 4 |
| unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 | 1 | 4 | 6 |
| valueOf() | 返回数组对象的原始值 | 1 | 2 | 4 |
注:JAVAScript数组与VBScript的数组不单在语法上不同,在使用时也有众多不同之处,请注意区分。
一、建立数组对象
我们再介绍JAVAScript的数组对象的建立方法。(其实这种方法和前面的方法在本质上是一样的,只是在语句的写法上有所区别,上面的方法在程序很短的时使用比较简洁,在一般情况下我还是建议您用以下方法建立数组对象。)建立数组对象的语法有两种:
1、在声明数组时仅仅声明数组内有几个组件。
var 数组对象名称 = new Array(组件个数);
fruit = new Array(3); //声明名为fruit的数组,共有三个组件,这就相当于一次声明了三个变量
然后必须另行准备几行程序代码,代序将变量值填入。
fruit[0] = "西瓜";
fruit[1] = "苹果";
fruit[2] = "香蕉";
2、声明时直接给定所有数组组件,彼此之间用逗号隔开,用小括号括起来,组件个数就是数组长度。
var 数组对象名称 = new Array(组件一......,组件N);
var fruit = new Array("西瓜","苹果","香蕉");
注:在一般语言中数组内的组件必须是相同类型的值,但是在JAVAScript当中可以将不同类型的数据放入数组中。
二、数组对象的属性
JAVAScript为数组对象提供以下几种属性:
使用格式:
数组对象名称.属性
序 属性名称 使用说明
1 constructor 指定建立地象原型(prototype)函数
2 index 代表数组组件的索引值
3 input 代表规则表达式中的字符串。
4 length 取得数组长度(数组组件个数)。
5 prototype 用以建立自定义的对象属性
三、数组对象的方法
JAVAScript为数组对象提供以下多种方法:
使用格式:
数组对象名称.方法(参数)
序 方法名称 使用说明
1 concat(数组1,数组2,...,数组N) 将多个数组结合成一个新的数组
2 join(分隔字符) 将数组结合成一个字符串,用特定字符来分开
3 pop() 将数组内最后一个组件删除,并返回该组件内容
4 push(组件1,组件2,...,组件N) 将一个或多个组件补在数组最后面,并返回最后一个组件内容
5 reverse() 将数组内所有组件的索引次序反转(Transpose)
第一个组件变成最后一个,最后一个组件则拿到最前面
6 shift() 将数组内第一个组件删除,并返回该组件内容
7 slice(开始索引,结束索引) 将数组内容转入一个新的数杉
8 sort() 将数组内容排序
9 splice() 增加或删除数组组件
10 toSource() 返回代表特定数组的数组常数,可以用来建立新的数组
11 toString() 以字符串来表示该数组及其组件
12 unshift(组件1,组件2,...,组件N) 将一个或多个组件补在数组最前面,并返回最后数组长度
13 valueOf() 取得数组值
注:其中有些方法,例如:push、shift、unshift……在有些版本的IE浏览器还不支持,使用时应特别注意。
举例:
<Script language = "JAVAScript">
<!--
var fruit = new Array("西瓜","香蕉","苹果"); //声明数组并给数组内三种水果赋值
//第一次显示数组“fruit”的3个变量内容,<br>是换行符
document.write(fruit[0] + "<br>" + fruit[1] + "<br>" + fruit[2] + "<br>" + fruit);
document.write("<hr>"); //插入水平线做为分隔线
//第二次显示数组,<hr>是插入水平线做为分隔线
with (document) {
write(fruit.reverse() + "<hr>"); //将数组反转
write(fruit.join("、") + "<hr>"); //将数组结合成一个字符串,用“、”分开
write(fruit.sort() + "<hr>"); //将数组内容排序
write(fruit.length + "<hr>"); //计算出数组的长度
}
-->
</Script>
js数组的管理[增,删,改,查]的更多相关文章
- django ajax增 删 改 查
具于django ajax实现增 删 改 查功能 代码示例: 代码: urls.py from django.conf.urls import url from django.contrib impo ...
- 好用的SQL TVP~~独家赠送[增-删-改-查]的例子
以前总是追求新东西,发现基础才是最重要的,今年主要的目标是精通SQL查询和SQL性能优化. 本系列主要是针对T-SQL的总结. [T-SQL基础]01.单表查询-几道sql查询题 [T-SQL基础] ...
- iOS FMDB的使用(增,删,改,查,sqlite存取图片)
iOS FMDB的使用(增,删,改,查,sqlite存取图片) 在上一篇博客我对sqlite的基本使用进行了详细介绍... 但是在实际开发中原生使用的频率是很少的... 这篇博客我将会较全面的介绍FM ...
- iOS sqlite3 的基本使用(增 删 改 查)
iOS sqlite3 的基本使用(增 删 改 查) 这篇博客不会讲述太多sql语言,目的重在实现sqlite3的一些基本操作. 例:增 删 改 查 如果想了解更多的sql语言可以利用强大的互联网. ...
- ADO.NET 增 删 改 查
ADO.NET:(数据访问技术)就是将C#和MSSQL连接起来的一个纽带 可以通过ADO.NET将内存中的临时数据写入到数据库中 也可以将数据库中的数据提取到内存中供程序调用 ADO.NET所有数据访 ...
- MVC EF 增 删 改 查
using System;using System.Collections.Generic;using System.Linq;using System.Web;//using System.Data ...
- python基础中的四大天王-增-删-改-查
列表-list-[] 输入内存储存容器 发生改变通常直接变化,让我们看看下面列子 增---默认在最后添加 #append()--括号中可以是数字,可以是字符串,可以是元祖,可以是集合,可以是字典 #l ...
- Django(十)模型:django模型类对数据库的:增/删/改/查、自关联、管理器、元选项(指定表名)
一.插入.更新和删除 调用一个模型类对象的save方法的时候就可以实现对模型类对应数据表的插入和更新. 调用一个模型类对象的delete方法的时候就可以实现对模型类对应数据表数据的删除. 二.自关联 ...
- 简单的php数据库操作类代码(增,删,改,查)
这几天准备重新学习,梳理一下知识体系,同时按照功能模块划分做一些东西.所以.mysql的操作成为第一个要点.我写了一个简单的mysql操作类,实现数据的简单的增删改查功能. 数据库操纵基本流程为: 1 ...
随机推荐
- invoking gdb
[invoking gdb] The most usual way to start gdb is with one argument, specifying an executable progra ...
- 【LeetCode】 Subsets
Given a set of distinct integers, S, return all possible subsets. Note: Elements in a subset must be ...
- 使用HTML5的十大原因
你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因:它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码.HTML5是web开发世界的一次重大的改变,事实上不 ...
- android 工具类之图片加工
/** * 图片加工厂 * * @author way * */ public class ImageUtil { /** * 通过路径获取输入流 * * @param path * 路径 * @re ...
- Web CORS 跨域方式使用方式
CORS 参考 http://enable-cors.org/index.html https://help.aliyun.com/document_detail/oss/practice/cors_ ...
- 关于C#中文本模板(.tt)的简单应用
这两天做项目突遇 .tt文件,之前没有接触过,so查询学习做笔记,帮助记忆和后来者. 在项目添加中点击选择文本模板 下面贴出代码,做了简单的注释 <#@ template debug=" ...
- 用Log4Net记录NHibernate中执行的SQL语句及执行时间
首页,在web.config中加入以下配置: <configuration> <configSections> <section name="log4net&q ...
- 在类库中使用Session
昨天在做优化网站代码的时候,突发奇想想将页面的代码和业务逻辑代码分离开.就是页面下的.cs文件只用于收集前台上的数据而业务处理都放到一些类库中.可是问题来了,在类库中是无法直接使用Session.在网 ...
- 以Outlook样式分组和排列数据项
转载:http://www.cnblogs.com/peterzb/archive/2009/05/29/1491781.html OutlookGrid:以Outlook样式分组和排列数据项 (这里 ...
- ASSER、VERIFY、TRACE详解
ASSERT()被测试它的参数,如果参数为零,则中断执行并打印一段说明消息.在Release版本的程序中它不起任何作用. ASSERT()使用的时候必须保证参数表达式中不能有函数调用,因此对于任何有函 ...