一、定义数组

1、定义数组

var arry=[1,2,'小名',false]     //var 数组名=[值1,值2,...]

2、设置数组长度

arry.length=10    //数组长度设置为10

二、数组常见方法

(1)在尾部增加值(push())

格式:数组名.push(追加的值)

arry.push("小卒")       //在数组arry最后一个值后面增加值:"小卒"
//返回值为数组增加后的数组长度

(2)删除数组最后一个值(pop())

格式:数组名.pop()

arry.pop()   //返回值为删除的值

(3)在数组最前面增加一个值(unshift())

arry.unshift("增加的值")     //返回值值为添加后数组的长度

(4)删除数组最前面的数据(shift())

arry.shift()     //返回值值为删除的数据

(5)反转数组(reverse())

arry.reverse()     //返回值值为反转后的数组

(6)删除和插入数据(splice())

格式:数组名.splice(开始索引,多少个,插入数据) //默认是为(0,0,没有)

arry.splice()     //返回值为被删除的数据
arry.splice(1,2,'小狗') //从数组小标为1的开始删除1个,并把”小狗“ 插入到删除的位置

(7)排序(sort())

arry.sort()  //按位来排序
arry.sort(funnction(a,b) {return(a-b)} ) //升序排序
arry.sort(funnction(a,b) {return(b-a)} ) //降序排序 //返回值为排序好的数组

(8)将数组的数据连接起来(join())

arry.join("-")  //将数组用”-“连接起来(数组不变,返回值为连接好的字符串)

(9)两个数组合并(concat())

arry.concat(数组)    //把两个数组连接在一起并返回

(10)截取数组里的数据(slice())

格式:数组名.slice(开始索引,结束索引) //默认值:(0,数组长度),返回值为截取的数组

var s=arry.slice(1,4)    //从数组下标1开始截取,到下标为4结束(不包含4) ,并返回的s中去

(11)查找数据在数组中的位置(indexOf())

arry.indexOf(数据)  //查找数据在数组中的位置并返回(有重复数据时返回第一个是下标,没有找到返回-1)

(12)循环遍历数组(forEach())

格式:数组名.forEach( function(a,b,c){

​ } )

arry.forEach( function(a,b,c){
console.log(a) //a是数组的值
console.log(b) //b数组的下标
console.log(c) //c是原始数组
})
//无返回值

(13)映射数组,整体修改数组(map())

格式:数组名.map(function(a,b,c){

return 修改表达式

})

var sm=arry.map( function(a,b,c){
console.log(a) //a是数组的值
console.log(b) //b数组的下标
console.log(c) //c是原始数组
return a*10
}) console.log(sm) //输出返回值,返回值为被修改修改后的值

(14)过滤数组(filter())

格式:数组名.filter(function(a,b,c){

return 过滤条件

})

var sm=arry.filter( function(a,b,c){
console.log(a) //a是数组的值
console.log(b) //b数组的下标
console.log(c) //c是原始数组
return a>10
}) console.log(sm) //输出返回值,返回值为满足条件的数据

(15)判断每一个数组里的每一个是否满足条件(every())

格式:数组名.every(function(a,b,c){

return 判断条件

})

var sm=arry.every( function(a,b,c){
console.log(a) //a是数组的值
console.log(b) //b数组的下标
console.log(c) //c是原始数组
return a>10
}) console.log(sm) //输出返回值,返回Boolean型类型

(16)判断数组里是否有满足条件的数据(some())

格式:数组名.some(function(a,b,c){

return 判断条件

})

var sm=arry.some( function(a,b,c){
console.log(a) //a是数组的值
console.log(b) //b数组的下标
console.log(c) //c是原始数组
return a>10
}) console.log(sm) //输出返回值,返回Boolean型类型,满足一个也行

Javascript中数组的定义和常见使用方法的更多相关文章

  1. javascript中数组的定义及使用

    js <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ...

  2. Javascript中数组

    Javascript中数组 1.什么是数组 所谓的数组就是一组数据的集合,在内存中表现为一段连续的内存地址(保存在堆内存) 2.创建数组的含义 创建数组的目的:就是为了保存更多的数据 3.数组的定义 ...

  3. JavaScript中数组Array方法详解

    ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的. 1.Array.join()方法 Array.join()方 ...

  4. javascript中数组化的一般见解

    javascript中数组化的一般见解,数组化浏览器中存在许多类数组对象,往往对类数组操作比较麻烦,没有数组那些非常方便的方法,在这种情况下,就有了数组化方法. 数组化的一般方法 1.第一种也是我们最 ...

  5. javascript中数组的应用总结

    最近在总结javascript的相关应用,今天对js中的数组部分进行归纳总结,以便在以后的工作中有所参考. 1.在js中数组的定义方式有两种: var a = [1,2,3,4]; var b = n ...

  6. JavaScript中数组去重的几种方法

    JavaScript中数组去重的几种方法 正常情况下,数据去重的工作一般都是由后端同事来完成的,但是前端也要掌握好处理数据的能力,万一去重的工作交给我们大前端处理,我们也不能怂呀.现在我总结了一些去重 ...

  7. JavaScript中数组操作常用方法

    JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...

  8. javascript中数组Array的方法

    一.常用方法(push,pop,unshift,shift,join)push pop栈方法,后进先出var a =[1,2,3];console.log(a.push(40)); //4 返回数组的 ...

  9. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

随机推荐

  1. mysql 连接数过多内存增长过快

    mysql连接允许长连接和短链接,但是本身建立连接会有很大开销所以一般连接mysql会使用长连接.但是全部是使用长连接后,可能会出现mysql有时占用内存涨的特别快,这是因为mysql在执行过程中临时 ...

  2. 七种可能 | Linux丢包故障的定位与解决

    出处[云英公众号]:https://mp.weixin.qq.com/s?__biz=MzI1NzM3NTYxMw==&mid=2247483685&idx=1&sn=95c8 ...

  3. Photoshop学习笔记(一)

    1.Alt+delete,用前景色填充选区 2.按住shift键可以新加选区 3.按住alt键可以减去选区 4.第一次选择选区时按住shift键制作出正方形或者圆形 5.第一次选择选区时按住alt键将 ...

  4. Lucene 基础类型

    Lucene 索引文件中,用一下基本类型来保存信息:1. Byte:是最基本的类型,长 8 位(bit).2. UInt32:由 4 个 Byte 组成.3. UInt64:由 8 个 Byte 组成 ...

  5. 【LeetCode】1400. 构造 K 个回文字符串 Construct K Palindrome Strings

    作者: 负雪明烛 id: fuxuemingzhu 个人博客:http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 统计奇数字符出现次数 日期 题目地址:https:// ...

  6. 【LeetCode】231. Power of Two 解题报告(Java & Python)

    作者: 负雪明烛 id: fuxuemingzhu 个人博客: http://fuxuemingzhu.cn/ 目录 题目描述 题目大意 解题方法 二进制 位运算 判断是不是最大2的幂的因数 判断因子 ...

  7. 1080 - Binary Simulation

    1080 - Binary Simulation    PDF (English) Statistics Forum Time Limit: 2 second(s) Memory Limit: 64 ...

  8. 教学日志:javaSE-java中的数据类型和运算符

    一.java中的标识符 /* 标识符的命名规范: 硬性要求: 1.必须以字母._下划线.美元符$开头 2.其它部分可以是字母.下划线"_".美元符"$"和数字的 ...

  9. Electron-Vue 项目使用Element的el-table组件不显示

    1.electron-vue文件夹下的webpack.renderer.config.js配置文件,你会找到这样一行代码,需要添加白名单! let whiteListedModules = ['vue ...

  10. Java实习生常规技术面试题每日十题Java基础(四)

    目录 1.String 和StringBuffer的区别. 2.数组有没有length()这个方法? String有没有length()这个方法? 3.final, finally, finalize ...