javascript数组

最新推荐文章于 2024-09-16 08:47:17 发布
最新推荐文章于 2024-09-16 08:47:17 发布
阅读量1.1k 收藏
点赞数 1
文章标签： javascript join null behavior string c
href="file:///D:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/msohtmlclip1/01/clip_filelist.xml" rel="File-List" /> href="file:///D:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/msohtmlclip1/01/clip_themedata.thmx" rel="themeData" /> href="file:///D:/DOCUME~1/ADMINI~1/LOCALS~1/Temp/msohtmlclip1/01/clip_colorschememapping.xml" rel="colorSchemeMapping" />

Ø  (6)使用数组

ü  基本操作

         <script>

              var a=new Array("cctv","sxtv","tytv");

              var a=new Array(3);

              var a=new Array();

              a[0]="cctv";

              a[1]="sxtv";

              a[2]="tytv";

              a[3]="xzy";

              for(i=0;i<a.length;i++)

              document.writeln(a[i]);

         </script>

ü  多维数组

 

<script>

var rows= new Array();

rows[0]=new Array(5);

rows[1]=new Array(5);

 

rows[0][0]="你好";

rows[0][1]="邢志云";

 

if(rows[0][0]!=null)

{

    alert(rows[0][0]);

}

 

</script>

 

ü  数组赋值

可以像上边那样简单的依次赋值,也可以像下边的这样:

<script>

var xzy=new Array();

xzy=[1,2,3,4,5,"邢志云","嘿嘿"];//给数组xzy赋值

for(var i=0;i<xzy.length;i++)

{

       alert(xzy[i]);

}

</script>

也可以直接赋值成多维数组

<script>

var s=["你好",["中国","太原","邢志云"],[3,3333],[4,4444],[5,5555],["0",["a","b","c"]],"cc"];

//        0               1                   2       3        4             5            6

//                  10    11       12     20  21   30  31    40  41

 

alert(s);//你好,中国,太原,邢志云,3,3333,4,4444,5,5555

alert(s[1]);//中国,太原,邢志云

alert(s[1][2]);//邢志云

alert(s[2][0]);//3

alert(s[2][1]);//3333

alert(s[5][1][0]);//a

alert(s[5][1][2]);//c

alert(s[6]);//cc

</script>

 

ü  push:数据可以向最后的追加元素

var arr=new Array()

arr[0]="xbc1";

arr[1]="bcx2";

arr[2]="cctv3";

arr[3]="xctv4";

arr.push("邢志云");//向最后追加,也可以同时push多个

arr.push("0123");

for(i=0;i<arr.length;i++)

{

       if(arr[i]!=null)

       document.writeln(arr[i]);

}

ü  pop:弹出最后一个元素,后进先出

       var arr=new Array();

       var s;

       arr[0]="a1";

       arr[1]="a2";

       arr[2]="a3";

       arr[3]="a4";

       s=arr.pop();//弹出最后一个元素,把值付给s,并删除最后一个元素

       alert(s);

       for(i=0;i<arr.length;i++)

       {

              document.writeln(arr[i]);

       }

       //显示: a 1 a 2 a 3

ü  unshift:插入到第一个之前,

       var arr=new Array();

       var s;

       arr[0]="a1";

       arr[1]="a2";

       arr[2]="a3";

       arr[3]="a4";

       arr.unshift("第一","第二");//插到第一个元素之前,后面的整体后移

       for(i=0;i<arr.length;i++)

       {

              document.write(arr[i]+":");

       }

       //显示: 第一:第二:a1:a2:a3:a4:

ü  shift:弹出第一个元素,先进先出

       var arr=new Array();

       var s;

       arr[0]="a1";

       arr[1]="a2";

       arr[2]="a3";

       arr[3]="a4";

       s=arr.shift();//弹出第一个元素,把值付给s,并删除第一个元素

       alert(s);

       for(i=0;i<arr.length;i++)

       {

              document.writeln(arr[i]);

       }

       //显示: a 2 a 3 a 4

ü  join:利用数组的join方法,连接所有的数组内容

数组的join(string val)可以将数组元素连接起来,并且用中间插入val,

当在网页上交互显示下拉框内容的时候可以将内容加载到数组内,再利用innerHTML将内容显示在出来

        <script>

            var a=new Array("cctv","sxtv","tytv");

            var a=new Array(3);

            var a=new Array();

            a[0]="cctv";

            a[1]="sxtv";

            a[2]="tytv";

            a[3]="xzy";

            document.writeln(a.join('<br>'));//如果直接用a.join(),则默认会用,分割

         </script>

显示:

cctv sxtv tytv xzy

用这种方式连接字符串要比 s=s+”ddd”快的多

ü  sort:数组排序 (从小到大)

var arr=new Array(1000)

arr[0]="xbc1";

arr[1]="bcx2";

arr[2]="cctv3";

arr[5]="xctv4";

arr.sort();

for(i=0;i<arr.length;i++)

{

    if(arr[i]!=null)

    document.writeln(arr[i]);

}

ü  reverse:数组反向,和sort配合使用能实现从大到小排序

    var arr=new Array()

    arr[0]="a1";

    arr[1]="a2";

    arr[2]="a3";

    arr[3]="a4";

    arr.push("邢志云");

    arr.push("0123");

    //arr.sort();

    arr.reverse();//数组反向排列

    for(i=0;i<arr.length;i++)

    {

        document.writeln(arr[i]);

    }

    //显示: 0123 邢志云 a 4 a 3 a 2 a 1

 

ü  slice:数组截断后赋值给另外一个数组(不改变原始数组)

var xzy1=new Array();

xzy1=["a","b","c","hello","usa","eng"];

//     0   1   2     3      4     5

var xzy2=xzy1.slice(2,4);//从数组xzy1的2号元素开始到4号元素停止的值结束转成一个数组

for(var i=0;i<xzy2.length;i++)

{

    document.write(xzy2[i]+":");//显示c hello

}

也可以这么写

<script>

var xzy1=new Array();

xzy1=["a","b","c","hello","usa","eng"];

//     0   1   2     3      4     5

var xzy2=Array.prototype.slice.call(xzy1,2,4);//从数组xzy1的2号元素开始到4号元素停止的值结束转成一个数组

for(var i=0;i<xzy2.length;i++)

{

    alert(xzy2[i]);//显示c hello

}

</script>

 

ü  splice:数组截断或清空(改变原始数组)

    var arr=new Array();

    var s;

    arr[0]="a1";

    arr[1]="a2";

    arr[2]="a3";

    arr[3]="a4";

    arr[4]="a5";

    arr[5]="a6";

    var arr2=arr.splice(3,2,"x1","x2");//从3号开始的2个元素,用x1和x2替换,并把替换下的值重新赋给数组arr2

                                       //如果没有参数"x1","x2",则对应的2个元素会从arr中删除,后面的前推

    for(i=0;i<arr.length;i++)

    {

        document.write(arr[i]+":");//显示: a1:a2:a3:x1:x2:a6:

    }

       

   

    document.write("<br/>");

    for(i=0;i<arr2.length;i++)

    {

        document.write(arr2[i]+":");//显示:  a4:a5:

    }

ü  利用splice来清空数组

    var arr=new Array();

    arr[0]="a1";

    arr[1]="a2";

    arr[2]="a3";

    arr[3]="a4";

    arr[4]="a5";

    arr[5]="a6";

    alert(arr.length);//显示6

    arr.splice(0,100000000);//可以理解为把arr数组清空,又回到初始状态

    alert(arr.length);//显示0

 

ü  concat:数组连接

    var arr=new Array();

    var s;

    arr[0]="a1";

    arr[1]="a2";

    arr[2]="a3";

    arr[3]="a4";

    arr[4]="a5";

    arr[5]="a6";

    var arr2=["b1","b2","b3"];

    var arr3=arr.concat(arr2);

    for(i=0;i<arr3.length;i++)

    {

        document.write(arr3[i]+":");//显示: a1:a2:a3:a4:a5:a6:b1:b2:b3:

    }

ü  使用Map( 2006-12-26 )

map1:

<script>

 

var map = {};

 

map["张三"] = "1362348754";

map["李四"] = "0351-98476345";

map["王五"] = "0358-4873622";

 

alert(map["李四"]);

</script>

 

用map={}就可以把map清空;

map2:

<script>

 

var map = new Array();

 

map["张三"] = "1362348754";

map["李四"] = "0351-98476345";

map["王五"] = "0358-4873622";

 

alert(map["李四"]);//显示:0351-98476345

alert(map.length);//这里map.length显示为0

 

 

map[0] = "0358-4873622";

map[1] = "0358-4873622";

map[2] = "0358-4873622";

alert(map.length);//这里map.length显示为3

for(var i=0;i<map.length;i++)

{

    document.write(map[i]);

}

alert(map["李四"]);//显示:0351-98476345

</script>

map3:

var map={"姓名":"邢志云","性别":"男","年龄":34}

map.婚否="已婚";//可以动态添加

eval("map.国籍='中华'");//但map.后面的标识符只能是以字符开头的,并且不能有-所以全球标识符不宜用在这里

alert(map.国籍);

//alert(map.姓名);//邢志云

//alert(map.年龄);//34

map["民族"]="汉族";//也可以像第一条中那样赋值,但这种可以用任意串做键,如: map["1-2"]="汉族";alert(map.姓名+":"+map["1-2"]);//也能正常显示

alert(map.姓名+":"+map.民族);

for(var colname in map)

{

    alert(colname );//姓名 性别 年龄 婚否

}

for(var colname in map)

{

    alert(map[colname]);//邢志云 男 34 已婚

}

还可以这样

var s="'姓名':'邢志云','性别':'男',35:'年龄'";

eval("var map={"+s+"}");

alert(map["姓名"]);

或者

var s="姓名:'邢志云',性别:'男',35:'年龄'";

eval("var map={"+s+"}");

alert(map["姓名"]);

还可以嵌套

var map=

{

"人员":

    {

    "张三":"男"

    ,"赵六":"女"

    }

,"车辆":

    {

    "桑塔纳":"6万"

    ,"别克":"10万"

    }

,"年龄":34

}

alert(map.人员.赵六);//女

alert(map.车辆.桑塔纳);//6万

使用自定义的属性的数组

var a=new Array();

a[0]={};

a[0].姓名="邢志云";

a[0].年龄=32;

 

a[1]={};

a[1].姓名="李四";

a[1].年龄=28;

for(var i=0;i<a.length;i++)

{

    alert(a[i].姓名+":"+a[i].年龄);

}

shixiaoyun
关注
JavaScript数组
m0_72313625的博客
08-05 2371
JavaScript 数组用于在单一变量中存储多个值，数组是一种特殊的变量，它能够一次存放一个以上的值。数组当中首先就是数组的创建方式，然后就是遍历数组中的元素，根据要求生成新的数组，最后就是增加数组元素，以及熟练掌握和理解冒泡排序的思路和书写方法...
[转贴]JavaScript中Array（数组）的属性和方法
热门推荐
yueguangyuan的专栏
12-07 1万+
数组有四种定义的方式使用构造函数：var a = new Array();var b = new Array(8);var c = new Array("first", "second", "third");或者数组直接量：var d = ["first", "second", "third"];属性Array只有一个属性，就是length，length表示的是数组所占内存空间的数目，
《JavaScript权威指南第六版》学习笔记-数组
weixin_34279184的博客
10-30 97
第七章、数组 数组是值的集合。 JavaScript数组是无类型的 JavaScript数组是动态的 JavaScript数组是稀疏的 数组继承自Array.prototype中的属性 创建数组 1.数组直接量 var empty = []; //没有元素的数组 var primes = [2,3,4,5,6]; //有5个数值的数组 var misc = [1.1...
javascript 易错点、难点笔记
weixin_33882452的博客
11-19 195
本文主要记录在学习过程中遇到的JavaScript难点或者容易疏忽的细节，也方便自己日后翻阅学习。 1、arr.length === + arr.length arr.length === + arr.length 是一种鸭式辨型的判断方法。这句话包含两层意思： arr有length这个属性 arr.length是一个Number(可以试一下x === +x) 鸭式辨型的经典假设：...
Java05数组
Gaogao6074的博客
10-27 173
数组概述 数组的定义： 数组是相同类型数据的有序集合. 数组描述的是相同类型的若干个数据,按照一定的先后次序排列组合而成。 其中,每一个数据称作一个数组元素,每个数组元素可以通过一个下标来访问它们. 数组的四个基本特点： 其长度是确定的。数组一旦被创建，它的大小就是不可以改变的。 其元素必须是相同类型,不允许出现混合类型。 数组中的元素可以是任何数据类型，包括基本类型和引用类型。 数组变量属引用类型，数组也可以看成是对象，数组中的每个元素相当于该对象的成员变量。数组本身就是对象，Java中对象是在堆中
js中的数组（基础篇）
ld513508088的专栏
07-19 5849
1、创建数组的方式 （1）、数组直接量   var empty=[ ];   var undefs=[ , ,]; （2）、调用构造函数   var a=new Array();   var a=new Array(5,4,3,2,1,"testing"} //js是一种非类型语言，数组中元素类型可以不一致   var a=new Array(10);  2、数组元素的读和写
JavaScript 数组【详解】
Jin_Xiang123的博客
12-25 3920
在JavaScript中，数组是一种特殊的对象，用于存储和操作多个值。与其他编程语言不同，JavaScript的数组可以同时存储不同类型的值，并且长度是动态的，可以根据需要随时添加或删除元素。JavaScript数组使用方括号([])来表示，其中的每个元素用逗号分隔。数组中的元素可以通过索引来访问和修改，索引从0开始。JavaScript也提供了一些内置方法来操作数组，如push()、pop()、shift()、unshift()等，用于添加、删除和修改数组中的元素。操作示例描述创建数组。
JavaScript 数组- Array的方法总结(推荐)
12-10
以下是对JavaScript数组方法的详细总结： **一、创建数组** 1. 使用构造函数创建数组： ```javascript var colors = new Array(); // 创建空数组 var colors = new Array(3); // 创建长度为3的数组，但不包含...
Javascript数组Array方法解读
10-22
首先，需要了解的是，JavaScript数组的所有方法都定义在Array.prototype上，这意味着所有数组的实例都可以使用这些方法。Array.prototype本身也是一个数组，它包含了数组的原型方法。 1. concat方法 concat方法用于...
JavaScript数组常用操作技巧汇总
12-09
JavaScript数组是编程中常见且重要的数据结构，尤其在前端开发中扮演着不可或缺的角色。这篇文章将汇总JavaScript数组的一些常用操作技巧，帮助开发者更好地理解和利用数组功能解决问题。 ### 一、数组的性质 在...
JavaScript 数组的深度复制解析
01-19
对于javascript而言，数组是引用类型，如果要想复制一个数组就要动脑袋想想了，因为包括concat、slice在内的函数，都是浅层复制。也就是说，对于一个二维数组来说，用concat来做复制，第二维的数组还是引用，修改了...
JavaScript数组（源代码）
05-31
JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）...
js中二维数组的定义和用法（21）
weixin_45147894的博客
05-25 1709
二维数组的定义是在一维数组的基础上定义的，即当一维数组的元素又是一维数组时，就形成了二维数组。例如： 例如： var submenus=new Array(); submenus[0]=[ ]; submenus[1]=[ "建设目标"，"建设内容"，"教学管理"，]; submenus[2]=[ ”负责人“，”队伍结构“，”任课老师“，”合作伙伴]; 也可以写成： var submenus=new Array( new Array(), new Array("建设目标"，"建设内容"，"
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 886
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
使用 uni-app 开发微信小程序的详细指南
最新发布
2301_79685859的博客
09-16 518
uni-app是一个使用 Vue.js 框架开发跨平台应用的前端框架。开发者通过编写一套代码，可以生成多端应用，包括 H5、iOS、Android、微信小程序、支付宝小程序、字节跳动小程序等。
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 535
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
vue3中动态引入本地图片的两种方法
haodanzj的博客
09-11 293
动态在本地引入图片
JS的输出语句
J3259392566的博客
09-13 277
js中严格区分大小写。
八十多种证件识别接口-JavaScript身份证识别API示例-护照识别-户口页识别
weixin_41711744的博客
09-12 633
证件识别API包含了身份证识别、护照识别、户口页识别、港澳台来往通行证识别等八十多种证件识别类型，提供了快速、精准的证件信息提取功能，广泛应用于实名认证 、机场出入口等场景。身份证识别API常用于在线支付、金融服务、酒店入住等需要进行实名认证和提取身份信息的场景。在这些场景中，通过快速识别和验证身份证信息，可以有效提高处理速度，减少人为错误，增强安全性。八十多种证件识别接口提供了一种高效、精准的识别方式来读取各类证件信息，通过合理应用这些技术，可以大幅提升用户体验和企业运营效率。
javascript 数组
05-26
JavaScript 数组是用于存储多个值的变量，它们可以存储字符串、数字和对象等数据类型。JavaScript 数组是动态的，意味着您可以随时添加或删除元素。数组的元素可以通过索引号（下标）来访问和修改，而索引号从0开始...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值