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

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

off999 2024-11-14 16:54 22 浏览 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

相关推荐

硬盘恢复分区(硬盘恢复分区怎么删除)

1、在电脑上下载DiskGenius软件。2、双击运行该软件,软件会自动识别硬盘。当软件自动识别硬盘之后,右键单击硬盘的盘符,出现下拉菜单栏,选择搜索已丢失分区(重建分区表)选项。3、右键单击硬盘盘符...

edge 浏览器(edge浏览器官网下载)
edge 浏览器(edge浏览器官网下载)

目前没有,如果是平板安装了WIN10是会内置MicrosoftEdge浏览器的。edge是由微软开发的基于Chromium开源项目及其他开源软件的网页浏览器。Edge浏览器主要特点是能够支持目前主流的Web技术,作为Windows10自带...

2025-11-18 06:51 off999

网易163邮箱免费注册(163网易免费邮件注册)
网易163邮箱免费注册(163网易免费邮件注册)

163邮箱登录入口页面官方地址:https://mail.163.com/163邮箱登录注册方法1、进入邮箱登入首页,我们点击右下角“去注册”按钮,进入注册界面;2、这里直接填写账号和密码内容,点一下同意那里呈蓝色圆点;再点下一步。3、再填...

2025-11-18 06:03 off999

苹果商城app下载安装(苹果商店app免费下载)

一、苹果手机下载软件显示APP内购买的意思是APP可以免费下载使用,但是该APP内有付费内容,也就是通常所说的收费道具。二、不是所有应用都会提供App内购买项目。如果某个应用提供App内购买...

惠普电脑中国官网(惠普手提电脑官网)

https://support.hp.com/cn是惠普笔记本售后服务官网。惠普维修服务中心通过整合线上线下相关资源,向国内用户提供方便快捷、安全可靠的优质电子产品维修服务。目前拥有北京6家、全国30...

windows2003密钥序列号(win2003 密钥)

没有密钥就无法完成程序安装。使用或者购买密钥才能安装

电脑产品密钥在哪里找win10(电脑产品密钥在哪里找新机)

要查看电脑上Windows10的产品密钥,你可以按照以下步骤进行操作:打开“开始”菜单,然后点击“设置”图标(齿轮状图标)。在“设置”窗口中,点击“更新和安全”选项。在左侧导航栏中,选择“激活”选项...

电脑有网络但上不到网(电脑有网但是上不了网)

如果电脑显示有网但无法上网,可能是网络连接出现问题。这种情况可能是由于以下几个原因导致的:1.路由器或者调制解调器出现故障;2.电脑的网络设置有误;3.网络供应商的服务中断或者限制了你的网络访问...

笔记本突然开不了机了是什么情况

1.检查笔记本是否有电,当内置电池用完而又没有充电的情况下,会导致笔记本无法开机,插上电源充电即可。2.内置电池损坏维修更换即可。3.开机时按F8,在高级选项中选择最后一次正确的配置即可。4.中病毒可...

windows11办公软件(windows11的office)

1、首先点击电脑底部的Windows图标2、进入开始页面点击office套件中的任意应用,如Word3、页面弹出登录按钮,和创建按钮,如已有账号,点击登录4、接着进入激活office页面,输入offi...

7z文件怎么打开(7z文件改什么后缀才能打开)
7z文件怎么打开(7z文件改什么后缀才能打开)

  7z是一种压缩格式,和我们在Windows平台上看到的rar类似;7z原本是7-zip开源的压缩文件所支持的压缩格式,目前大多数压缩软件也支持打开,如若安装了第三方压缩软件双击即可打开7z。7z文件的打开方式介绍如下:  1、扩展名为...

2025-11-18 02:03 off999

重装系统后连不上网(重装系统后无法连网)

1、首先,在安装系统完成之后,界面右下角网络连接显示不可用?我们需要通过,系统本身自带的诊断系统进行诊断,以避免是否是物理原因造成的网络不能正常链接。2、其次,检测结果如果是显示的未能安装网络适配器,...

破解wifi密码有什么办法(破解wifi密码有什么办法幻影)

破解路由器admin管理员密码方法:只能间接的破解。 方法一、1、打开浏览器---输入192.168.1.1(一般路由器地址是这个或者查看路由器背面的登录信息)进路由---输入用户名,密码...

电脑截屏如何截屏(电脑截屏截屏用哪个键)

1、直接点击键盘上的PrtScSysRq,即可截图,然后直接在聊天框或者图画中“Ctrl+V”粘贴就行了。2、登录QQ以后,点击快捷键“Ctrl+Alt+A”即可截图,框选过后,直接“...

迅捷路由器登录(yr1900g路由器登录入口)

入口如下:1.打开网页后输入192.168.1.1或tplogin.cn。2.第一次登录路由器或恢复出厂设置后再次设置,按提示设置好管理员密码、上网参数、wifi名称和密码。3.再次进入登录页面中,输...

取消回复欢迎 发表评论: