数组
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基础------数组的更多相关文章

  1. JavaScript 基础数组循环和迭代的几种方法

    JavaScript 数组循环和迭代   (之前一直没怎么注意数组循环,今天做一道题时,用到forEach循环发现它并没有按照我想象的样子执行,总结一下数组循环) 一.第一种方法就是for()循环   ...

  2. JavaScript基础-----数组(Array)

    1.JavaScript 中创建数组的方法: (1).使用Array构造函数: var arr = new Array(); //创建一个空数组 var arr = new Array(5); //传 ...

  3. JavaScript基础数组的字面声名法(010)

    1.两种方法的对比 数组在JavaScript中,就像大多数的其它语言 一样,是对象.我们可以使用JavaScript内置的数组构造函数Array()来创建数组.就象对象的字面声名法一样,数组也可以采 ...

  4. 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 ...

  5. JavaScript基础数组_布尔值_逻辑运算等(2)

    day51 参考:https://www.cnblogs.com/liwenzhou/p/8004649.html 布尔值(Boolean) 区别于Python,true和false都是小写. var ...

  6. JavaScript基础——数组

    一 .数组的介绍 1.概念:数据的集合,任何数据都可以放在数组中 2.作用:可以同时操作多个数据 3.数组的创建: 字面量:var arr = [ ]; 构造函数:var arr = new Arra ...

  7. JavaScript基础插曲—元素样式,正则表达式,全局模式,提取数组

    JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() ...

  8. JavaScript 基础回顾——数组

    JavaScript是无类型语言,数组元素可以具有任意的数据类型,同一个数组的不同元素可以具有不同类型.数组的元素设置可以包含其他数组,便于模拟创建多维数组. 1.创建数组 在JavaScript中, ...

  9. javascript基础知识-数组

    1.javascript创建数组时无需声明数组大小或者在数组大小变化时重新分配 2.javascript数组是无类型的 3.数组元素不一定要连续 4.针对稀疏数组,length比所有元素的索引都要大 ...

随机推荐

  1. Pytest【定制fixture】

    在pytest中的fixture是在测试函数运行前后,由pytest执行的外壳函数,fixture中的代码可以定制,满足多变的测试需求:包括定义传入测试中的数据集.配置测试前系统的初始化状态.为批量测 ...

  2. PHP基础知识 - 字符串处理函数

    addcslashes — 为字符串里面的部分字符添加反斜线转义字符 addslashes — 用指定的方式对字符串里面的字符进行转义 bin2hex — 将二进制数据转换成十六进制表示 chop — ...

  3. java- 泛型类到底是类还是接口,<T extends Comparable>的写法中为什么没有用implements

    java-core P533 public static <T extands Comparable> T min(T[] a ) 这里产生了一个疑问,就是 泛型类的英文是generic ...

  4. 洛谷P1169 棋盘制作【悬线法】【区间dp】

    题目:https://www.luogu.org/problemnew/show/P1169 题意:n*m的黑白格子,找到面积最大的黑白相间的正方形和矩形. 思路:传说中的悬线法!用下面这张图说明一下 ...

  5. C# Parallel 使用

    ParallelLoopResult result = Parallel.For(, , i => { Console.WriteLine("{0}, task: {1}, threa ...

  6. C#读取App.config/Web.config

    读取需要添加 System.Configuration 引用, 两种方式添加: 1:.NETFramework程序可以在引用右击添加引用,然后添加System.Configuration 2:引入Nu ...

  7. [Python自学] day-22 (1) (Session、CSRF、中间件)

    一.响应函数补充 三种返回响应的方式: return HttpResponse() return render() return redirect() HttpResponse: 除了能够返回字符串, ...

  8. 【csp模拟赛3】bridge.cpp--矩阵加速递推

    题目描述 穿越了森林,前方有一座独木桥,连接着过往和未来(连接着上一题和下一题...). 这座桥无限长. 小 Q 在独木桥上彷徨了.他知道,他只剩下了 N 秒的时间,每一秒的时间里,他会向 左或向右移 ...

  9. electron-vue搭建项目

    原文链接 使用pdf.js插件与LODOP控件实现前端浏览器静默打印PDF文件 lodop官网地址:http://www.lodop.net/download.html 点击下载,文件里有使用手册 e ...

  10. 1626:【例 2】Hankson 的趣味题

    1626:[例 2]Hankson 的趣味题题解 [题目描述] Hanks 博士是 BT(Bio-Tech,生物技术)领域的知名专家,他的儿子名叫 Hankson.现在,刚刚放学回家的 Hankson ...