百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

javascript自学笔记:Array类型1(javascript数组手册)

off999 2024-11-14 16:54 33 浏览 0 评论


数组是有序的,但每个元素可以保存不同类型的数据,同python。

1、创建

// 创建一个动态长度的新数组
var colors = new Array();// 创建一个定长的数组
var colors = new Array(20);// 创建一个包含3个字符串的数组
var colors = new Array("red","blue","green");// 以字面量表示法创建数组
var colors = ["red","blue","green"];// 创建空数组
var colors = [];

注:使用字面量表示法创建数组时,不会调用Array构造函数

2、读取与添加元素

// 读取,使用索引读取,基于0
var colors = ["red","blue","green"];
alert(colors[0]);// 修改已有值

colors[2] = "black";// 新增,由于原数组没有[4],所以是新增
colors[4] = "brown";// 由于数组基数3没有值,显示出来就是red,blue,black,,brown
alert(colors);// 中间空值的也要算长度,这里显示长度为5
alert(colors.length);// length属性不是只读的,可以通过设置length来改变数组长度
colors.length = 2;// red,blue
alert(colors);// 利用length方便的添加元素
colors[colors.length] = "black";

5.2.1 检测数组

1、instanceof方法

if (colors instanceof Array){
  alert("是数组");
} else {
  alert("不是数组");
}

2、Array.isArray()

if (Array.isArray(colors)){
  alert("是数组");
} else {
  alert("不是数组");
  

5.2.2 转换方法

alert(colors.toLocaleString())  // 字符串 "red,blue,green"
alert(colors.toString())        // 字符串 "red,blue,green"
alert(colors.valueOf())         // Object ["red","blue","green"]
alert(colors)                   // 同toString// 使用join方法输出

alert(colors.join("||"))        // red||blue||green

5.2.3 栈方法

LIFO-Last In First Out 后进先出

// 读取,使用索引读取,基于0
var colors = ["red","blue","green"];// 可以一次压入多个数据,添加到数组尾部

var count = colors.push("black","brown");// 返回数组长度

alert(count);
alert(colors);// 弹出最尾部的一个元素

var newItem = colors.pop();
alert(newItem);
alert(colors.length);

5.2.4 队列方法

var colors = new Array();// 从数组头部添加多个元素到数组

colors.unshift("red","green");
alert(colors);      // red,green// 从头部移除一个元素

colors.shift();     // red

5.2.5 重排序方法

var colors = [1,2,3,4,5];// 反转顺序

colors.reverse();
alert(colors);

var colors = [0,1,5,10,15];// 排序,默认为升序,但每个元素用了toString()方法

colors.sort();
alert(colors);  // 0,1,10,15,5

升序排列:

function compare(value1,value2){
  if (value1 < value2){
    return -1;
  } else if (value1 > value2){
    return 1;
  } else {
    return 0;
  }}
var colors = [0,1,5,10,15];// 排序,默认为升序,但每个元素用了toString()方法

colors.sort(compare);
alert(colors);  // 0,1,5,10,15

如果将return -1改为return 1,则能实现降序。

如果将函数改成这样会更精简:

function compare(value1,value2){
   return value1-value2;   // 升序
   return value2-value1;   // 降序
}

5.2.6 操作方法

扩展数组:concat()

格式:Arr.concat(“yellow”,[“black”,”brown”]);

数组切片:slice(参数1,参数2)

如果只有参数1,则是取参数1开始的元素到最后元素,组成新的数组,原数组不变。

有两个参数时,取第一个参数到第二个参数-1的元素,组成新的数组。

var arr1 = new Array(0,1,2,3,4,5,6);// 只一个参数时,取该基数至最后的元素,组成新的数组

var arr2 = arr1.slice(2);
alert(arr2);    // 2,3,4,5,6// 两个参数时,取开始基数至结束基数-1的元素

var arr3 = arr1.slice(2,4);
alert(arr3);    // 2,3

// 如果参数是负数,则表示从后往前数

var arr3 = arr1.slice(-3,-1);
alert(arr3);    // 4,5

splice()

// 删除从0开始的2个元素
arr1.splice(0,2);   // 2,3,4,5,6
alert(arr1);

// 从序号2的位置,删除0个,并插入新的元素7,8,9
arr1.splice(2,0,7,8,9);
alert(arr1);    // 0,1,7,8,9,2,3,4,5,6

// 从序号2的位置,删除3个,并插入3个元素
var arr2 = arr1.splice(2,3,7,8,9);
alert(arr1);    // 0,1,7,8,9,5,6

// 使用splice后返回的是被删除的元素,如果没有删除,则为空

alert(arr2);    // 2,3,4

总结:slice不影响原数组,splice会影响原数组

5.2.7 位置方法

indexOf(元素,位置)               // 从前往后找

lastIndexOf(元素,位置)                 // 从后往前找

如果有找到,得到位置;没找到则为-1;使用全等于===进行对比。

var arr1 = new Array(1,2,3,4,5,4,3,2,1);
alert(arr1.indexOf(4));     // 序号为3
alert(arr1.indexOf(4,4));   // 序号为5

var arr1 = new Array(1,2,3,4,5,4,3,2,1);
alert(arr1.lastIndexOf(4));     // 序号为5
alert(arr1.lastIndexOf(4,4));   // 序号为3

相关推荐

安全教育登录入口平台(安全教育登录入口平台官网)

122交通安全教育怎么登录:122交通网的注册方法是首先登录网址http://www.122.cn/,接着打开网页后,点击右上角的“个人登录”;其次进入邮箱注册,然后进入到注册页面,输入相关信息即可完...

大鱼吃小鱼经典版(大鱼吃小鱼经典版(经典版)官方版)

大鱼吃小鱼小鱼吃虾是于谦跟郭麒麟的《我的棒儿呢?》郭德纲说于思洋郭麒麟作诗的相声,最后郭麒麟做了一首,师傅躺在师母身上大鱼吃小鱼小鱼吃虾虾吃水水落石出师傅压师娘师娘压床床压地地动山摇。...

谷歌地球下载高清卫星地图(谷歌地球地图下载器)
  • 谷歌地球下载高清卫星地图(谷歌地球地图下载器)
  • 谷歌地球下载高清卫星地图(谷歌地球地图下载器)
  • 谷歌地球下载高清卫星地图(谷歌地球地图下载器)
  • 谷歌地球下载高清卫星地图(谷歌地球地图下载器)
哪个软件可以免费pdf转ppt(免费的pdf转ppt软件哪个好)
哪个软件可以免费pdf转ppt(免费的pdf转ppt软件哪个好)

要想将ppt免费转换为pdf的话,我们建议大家可以下一个那个wps,如果你是会员的话,可以注册为会员,这样的话,在wps里面的话,就可以免费将ppt呢转换为pdfpdf之后呢,我们就可以直接使用,不需要去直接不需要去另外保存,为什么格式转...

2026-02-04 09:03 off999

电信宽带测速官网入口(电信宽带测速官网入口app)

这个网站看看http://www.swok.cn/pcindex.jsp1.登录中国电信网上营业厅,宽带光纤,贴心服务,宽带测速2.下载第三方软件,如360等。进行在线测速进行宽带测速时,尽...

植物大战僵尸95版手机下载(植物大战僵尸95 版下载)

1可以在应用商店或者游戏平台上下载植物大战僵尸95版手机游戏。2下载教程:打开应用商店或者游戏平台,搜索“植物大战僵尸95版”,找到游戏后点击下载按钮,等待下载完成即可安装并开始游戏。3注意:确...

免费下载ppt成品的网站(ppt成品免费下载的网站有哪些)

1、Chuangkit(chuangkit.com)直达地址:chuangkit.com2、Woodo幻灯片(woodo.cn)直达链接:woodo.cn3、OfficePlus(officeplu...

2025世界杯赛程表(2025世界杯在哪个国家)

2022年卡塔尔世界杯赛程公布,全部比赛在卡塔尔境内8座球场举行,2022年,决赛阶段球队全部确定。揭幕战于当地时间11月20日19时进行,由东道主卡塔尔对阵厄瓜多尔,决赛于当地时间12月18日...

下载搜狐视频电视剧(搜狐电视剧下载安装)

搜狐视频APP下载好的视频想要导出到手机相册里方法如下1、打开手机搜狐视频软件,进入搜狐视频后我们点击右上角的“查找”,找到自已喜欢的视频。2、在“浏览器页面搜索”窗口中,输入要下载的视频的名称,然后...

pubg免费下载入口(pubg下载入口官方正版)
  • pubg免费下载入口(pubg下载入口官方正版)
  • pubg免费下载入口(pubg下载入口官方正版)
  • pubg免费下载入口(pubg下载入口官方正版)
  • pubg免费下载入口(pubg下载入口官方正版)
永久免费听歌网站(丫丫音乐网)

可以到《我爱音乐网》《好听音乐网》《一听音乐网》《YYMP3音乐网》还可以到《九天音乐网》永久免费听歌软件有酷狗音乐和天猫精灵,以前要跳舞经常要下载舞曲,我从QQ上找不到舞曲下载就从酷狗音乐上找,大多...

音乐格式转换mp3软件(音乐格式转换器免费版)

有两种方法:方法一在手机上操作:1、进入手机中的文件管理。2、在其中选择“音乐”,将显示出手机中的全部音乐。3、点击“全选”,选中所有音乐文件。4、点击屏幕右下方的省略号图标,在弹出菜单中选择“...

电子书txt下载(免费的最全的小说阅读器)

1.Z-library里面收录了近千万本电子书籍,需求量大。2.苦瓜书盘没有广告,不需要账号注册,使用起来非常简单,直接搜索预览下载即可。3.鸠摩搜书整体风格简洁清晰,书籍资源丰富。4.亚马逊图书书籍...

最好免费观看高清电影(播放免费的最好看的电影)

在目前的网上选择中,IMDb(互联网电影数据库)被认为是最全的电影网站之一。这个网站提供了各种类型的电影和电视节目的海量信息,包括剧情介绍、演员表、评价、评论等。其还提供了有关电影制作背后的详细信息,...

孤单枪手2简体中文版(孤单枪手2简体中文版官方下载)

要将《孤胆枪手2》游戏的征兵秘籍切换为中文,您可以按照以下步骤进行操作:首先,打开游戏设置选项,通常可以在游戏主菜单或游戏内部找到。然后,寻找语言选项或界面选项,点击进入。在语言选项中,选择中文作为游...

取消回复欢迎 发表评论: