JavaScript基础------数组
数组
1.数组的每个元素都可以保存任意类型数据2.数组长度可以随之调整
创建数组的2种方式
1.使用Array构造函数
语法 new Array()
小括号()说明:
(1)预先知道数组要保存的项目的数量
(2)向Array构造函数中传递数组应该包含的项
2.使用数字字面量表示法
由一对包含数组项的方括号[]表示,多个数组项之间用逗号隔开
2.数组元素的读写
使用下标索引,从0开始,越界取会返回undefined
3.数组的长度
array.length 返回值number
说明:
(1)通过设置length可以从数组的末尾移除项或添加元素
4.数组方法(栈方法)
push() arrayname.push(元素1,元素2.元素3...)元素末尾增加 返回值是添加后的数组长度
unshift() 数组开头添加值,可以是多个
pop() 删除数组最后一个值
shift()删除数组第一个值 join() arrayname.join(分隔符) 将数组中的所有元素放入一个字符串 返回值:字符串
reverse() 颠倒数组元素的顺序 返回值:数组
sort() arrayname.sort(sortby) 排序
说明:
(1)即使数组中每一项都是数值,sort()方法比较的也是字符串
(2)sort()方法可以接收一个比较函数作为参数
数值的升序
arr.sort(function(a,b){return a-b})
数值的降序
arr.sort(function(a,b){return b-a})
concat() arrayname.concat(数组1,数组2,数组3...) 用于连接两个或多个数组 返回数组
slice()
数组.slice(start,end)从已有的数组中返回指定的元素 顾头不顾尾,取start,不取end
参数:
start(必填)规定从何时开始选取,如果是负数,从数组的尾部开始算起
end(可选)规定从何时结束选取,是数组片段结束处的数组下标
说明:
若没有end,切分数组包含从start到数组结束的所有元素
若slice()方法的参数中有一个负数,则用数组长度+改数来确定相应位置
<script>
var colors=['red','green','blue','yellow','orange']
var newColors=colors.slice(-1,5) 理解为-1+数组长度(4)也就是 var newColors=colors.slice(4,5)
console.log(newColors)
</script>
splice()功能最强大
删除 数组.splice(index,count) 删除index处开始的0个或多个元素,返回被删掉的元素的数组
说明:count是删除的元素数量,为0不删除,不设置删除index起的所有元素
插入 数组.splice(index,0,item1,item2,...itemx) 在指定位置插入值 返回结果事空
参数:
index 起始位置 注:新增是在这个起始位置插入,而不是它的后面
0要删除的元素数量
item1,item2,...itemx 要插入的元素
替换 数组.splice(index,count,item1,item2,...itemx) 删除count个元素,并在指定位置插入新值 返回被删掉的元素的数组
参数:
index 起始位置 注:新增是在这个起始位置插入,而不是它的后面
count 要删除的元素数量
item1,item2,...itemx 要插入的元素
indexOf()
数组.indexOf(searchvalue,startIndex) 从数组的开头(位置0)开始想后查找
参数:
searchvalue:必需,要查找的项 必需是比对,数值和类型都相同时才返回,也就是===
startIndex:可选,查找的开始位置 包含这个索引对应的值
返回值:number 查找的第一个元素在数组中的位置,没有找到的情况下返回-1
lastIndexOf()
数组.lastIndexOf(searchvalue,startIndex) 从数组的末尾开始向前查找
参数:
searchvalue:必需,要查找的项
startIndex:可选,查找的开始位置 包含这个索引对应的值
返回值:number 查找的第一个元素在数组中的位置,没有找到的情况下返回-1 后两项 支持的浏览器有:IE9+,Firefox2+,Safari3+,Opera9.5和Chrome
JavaScript基础------数组的更多相关文章
- JavaScript 基础数组循环和迭代的几种方法
JavaScript 数组循环和迭代 (之前一直没怎么注意数组循环,今天做一道题时,用到forEach循环发现它并没有按照我想象的样子执行,总结一下数组循环) 一.第一种方法就是for()循环 ...
- JavaScript基础-----数组(Array)
1.JavaScript 中创建数组的方法: (1).使用Array构造函数: var arr = new Array(); //创建一个空数组 var arr = new Array(5); //传 ...
- JavaScript基础数组的字面声名法(010)
1.两种方法的对比 数组在JavaScript中,就像大多数的其它语言 一样,是对象.我们可以使用JavaScript内置的数组构造函数Array()来创建数组.就象对象的字面声名法一样,数组也可以采 ...
- Javascript 基础--数组
一.一维数组 1.一维数组 var weights = [3,5,1,3.4,2,50]; var all_weight=0; var avg_weight=0; for(var i=0;i<w ...
- JavaScript基础数组_布尔值_逻辑运算等(2)
day51 参考:https://www.cnblogs.com/liwenzhou/p/8004649.html 布尔值(Boolean) 区别于Python,true和false都是小写. var ...
- JavaScript基础——数组
一 .数组的介绍 1.概念:数据的集合,任何数据都可以放在数组中 2.作用:可以同时操作多个数据 3.数组的创建: 字面量:var arr = [ ]; 构造函数:var arr = new Arra ...
- JavaScript基础插曲—元素样式,正则表达式,全局模式,提取数组
JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() ...
- JavaScript 基础回顾——数组
JavaScript是无类型语言,数组元素可以具有任意的数据类型,同一个数组的不同元素可以具有不同类型.数组的元素设置可以包含其他数组,便于模拟创建多维数组. 1.创建数组 在JavaScript中, ...
- javascript基础知识-数组
1.javascript创建数组时无需声明数组大小或者在数组大小变化时重新分配 2.javascript数组是无类型的 3.数组元素不一定要连续 4.针对稀疏数组,length比所有元素的索引都要大 ...
随机推荐
- spring-AOP动态代理,以及aspectJ的xml配置或注解配置方法,各个拦截器的使用顺序
package com.itheima.aspect; public class MyAspect { public void check_Permissions(){ System.out.prin ...
- Docker常用命令行
原文出处:https://blog.csdn.net/qq_29303759/article/details/87639016 启动docker 启动docker systemctl start do ...
- WCF双通信
请求过程中的回调 这是一种比较典型的双工消息交换模式的表现形式,客户端在进行服务调用的时候,附加上一个回调对象:服务在对处理该处理中,通过客户端附加的回调对象(实际上是调用回调服务的代理对象)回调客户 ...
- office+visio2016版本一同安装说明
安装所需软件: Office或者visio镜像 比如:cn_visio_professional_2016_x86_x64_dvd_6970929.iso 下载网址:http://pan.baidu. ...
- ZrOJ #878. 小K与赞助 (网络流)
傻逼最大费用流: . 两棵树分别流,最后汇合. CODE #include <bits/stdc++.h> using namespace std; #define pb push_bac ...
- 6、获取Class中的方法
6.获取Class中的方法 6.1 getMethods() 获取的都是共有的方法(包括父类) 返回包含一个数组 方法对象反射由此表示的类或接口的所有公共方法 类对象,包括那些由类或接口和那些从超类和 ...
- Windows开发:窗口最大化问题
MoveWindow(0, 0, 1920, 1080)和SendMessage(WM_SYSCOMMAND, SC_MAXIMIZE, 0)的区别 MoveWindow(, , , ); 我们可以分 ...
- PyPI教程
Wiki PyPI The Python Package Index, abbreviated as PyPI and also known as the Cheese Shop (a referen ...
- HTML元素常用属性整理
a标签 <!-- 去除下划线 --> a{ text-decoration:none; //去掉默认下滑线 color:#333; //设置默认颜色 } a:hover{ text-dec ...
- STL练习板子题(c++11警告)
第一题 词典 总时间限制: 3000ms 内存限制: 65536kB 描述 你旅游到了一个国外的城市.那里的人们说的外国语言你不能理解.不过幸运的是,你有一本词典可以帮助你. 输入 首先输入一个词典, ...