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比所有元素的索引都要大 ...
随机推荐
- ggplot2绘制Excel所有图
出处:https://brucezhaor.github.io/blog/2016/06/13/excel2ggplot/#%E5%89%8D%E8%A8%80 目录 前言 1.用到的包 2.数据准备 ...
- .NET 推荐博客
燎原之星的博客 农码一生博文索引 http://www.cnblogs.com/zhaopei/p/Indexes.html 那些年搞不懂的术语.概念:协变.逆变.不变体 http://www.cnb ...
- 使用JXL组件操作Excel和导出文件
这段时间参与的项目要求做几张Excel报表,由于项目框架使用了jxl组件,所以把jxl组件的详细用法归纳总结一下.本文主要讲述了以下内容: JXL及相关工具简介 如何安装JXL JXL的基本操作 创建 ...
- 使用 EasyExcel 读取Excel(两种方式)
引入 jar 包 <dependency> <groupId>com.alibaba</groupId> <artifactId>easyexcel&l ...
- 编译安装PTLib和H.323 Plus Core
下载PTLib和H.323 Plus Core,官方网站很容易下载:http://www.h323plus.org/source/. 我下载这两个库后存放到目录/home/ynq/h323plus下, ...
- FOR XML PATH 函数用法
一.FOR XML PATH 简单介绍 那么还是首先来介绍一下FOR XML PATH ,假设现在有一张兴趣爱好表(hobby)用来存放兴趣爱好,表结构如下: 接下来我们来看 ...
- HDU 6141 - I am your Father! | 2017 Multi-University Training Contest 8
思路来自 FXXL 最小树形图模板用kuangbin的 /* HDU 6141 - I am your Father! [ 最小树形图 ] | 2017 Multi-University Traini ...
- PHP mysqli_commit() 函数
关闭自动提交,做一些查询,然后提交查询: <?php // 假定数据库用户名:root,密码:123456,数据库:RUNOOB $con=mysqli_connect("localh ...
- 错误/异常:org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'sessionFactory' defined in ServletContext resource [/WEB-INF/classes/beans_common.xml]...的解决方法
1.第一个这种类型的异常 1.1.异常信息:org.springframework.beans.factory.BeanCreationException: Error creating bean w ...
- Archiva 不小心删掉了管理员权限怎么办
Archiva 的界面和 UI 比较容易出问题. 在添加用户和为用户进行权限修改的时候,不小心连 admin 这个用户的权限都删掉了. 这个时候应该如何恢复 admin 这个用户的权限? 这个时候你可 ...