js数组(五)
一、数组的声明
方法一:【构造函数形式声明】
var array = new Array(); //[]
var array = new Array(10); //数组长度:array.length = 10;
var array = new Array('tom',20,null); //['tom',20,null]
方法二:【数组字面量形式创建】
var array = []; //[]
var array = [1,2,3,'tom']; //[1,2,3,'tom']
访问数组下标越界的元素为undefined【数组中元素不存在】。
二、数组使用及序列化
1.改变数组的长度及向数组中添加数据
eg:
var arr = [1,2,3,4]; //下标为:0,1,2,3
console.log(arr.length); //
arr[6] = ['hello']; //[1,2,3,4,,,'hello'] //中间数据为undefined
2.typeof、instanceof、isArray()的相关测试
typeof:查看arr数组的数据类型
instanceof:判断某数组是否属于某原型对象
isArray():判断某变量是否是数组
eg:
var arr = [1,2,3,4];
console.log(typeof arr); //object
console.log(arr instanceof Array); //true
console.log(arr instanceof Object); //true
console.log(Array.isArray(arr)); //true function test(){
console.log(Array.isArray(arguments)); //false 【arguments不是数组,它是一个类数组对象】
}
test();
3.数组的序列化【将数组转化为字符串】
a、toString()方法: 【将数组转化为相应的字符串】
console.log(arr.toString()); //1,2,3,4
b、join() 方法:【将数组转化为字符串并按照携带的参数串对数组中元素进行分割连接】
console.log(arr.join()); //1,2,3,4【不携带参数默认以逗号分割】
console.log(arr.join("&")); //1&2&3&4
c、JSON.stringify() 方法:【将数组转化为相应的JSON字符串】
console.log(JSON.stringify(arr)); //[1,2,3,4]【字符串类型】
三、数组的一些相关方法:【方法详细信息请查看下一篇文章】
⑴、数组的栈,队列方法【调用这些方法原数组会发生改变】
1.栈 LIFO (Last-In-First-Out)
a、push() 可接受任意类型的参数,将它们逐个添加到数组的末尾。【返回数组的长度】
b、pop() 从数组的末尾移除最后一项,减少数组的length值。【返回移除的项】
2.队列 FIFO (First-In-First-Out)
a、shift() 移除数组中的第一个项,同时将数组的长度减一。【返回移除的项】
b、unshift() 在数组的前端添加任意个项。【返回数组的长度】
⑵、数组的排序方法【reverse()方法、sort()方法】(原数组发生改变);
1、reverse()方法:【对数组项进行反转】
2、sort()方法【数组排序,返回排序后的数组】
⑶、截取方法:
1、数组拼接:concat()方法 【不改变原数组】
2、数组切割:slice()方法 【不改变原数组】
3、splice() 【改变原数组】(数组的删除、插入、修改)
⑷、索引方法
1、indexOf() 【指定数组索引位置正向查找元素】
2、lastIndexOf() 【指定数组索引位置反向查找元素】
⑸、迭代方法
参数: 每一项上运行的函数,运行该函数的作用域对象(可选)
1、every()
对数组中的每一运行给定的函数,如果该函数对每一项都返回true,则该函数返回true
2、some()
对数组中的每一运行给定的函数,如果该函数对任一项都返回true,则返回true
3、filter()
对数组中的每一运行给定的函数,会返回满足该函数的项组成的数组
4、map()
对数组中的每一元素运行给定的函数,返回每次函数调用的结果组成的数组【即函数返回值组成的数组】
5、forEach()
对数组中的每一元素运行给定的函数,没有返回值,常用来遍历数组
js数组(五)的更多相关文章
- js数组去重五种方法
今天来聊一聊JS数组去重的一些方法,包括一些网上看到的和自己总结的,总共5种方法(ES5). 第一种:遍历数组法 这种方法最简单最直观,也最容易理解,代码如下: var arr = [2, 8, 5, ...
- JS数组+JS循环题
先看JS循环作业题: 一.一张纸的厚度是0.0001米,将纸对折,对折多少次厚度超过珠峰高度8848米 <script type="text/javascript"> ...
- 关于JS数组的定义
关于js数组的定义的一些内容: 数组是一个对象 只用一个变量,储存多个同类型的信息 数组--连续的储存空间 数组的下标从0开始 ps:定义一个数组可以看作是一个旅馆.里面有很多小房子. 1.创建数组- ...
- js数组操作记录
一 .splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. arrayObject.splice(index,howmany,item1,.....,itemX) 参数 描述 in ...
- js数组和数组去重的几种简单的方法
http://blog.csdn.net/liangklfang/article/details/49300417 1.证明一个对象是数组的方法. 方法(1) [].constructor === A ...
- js数组相关知识集合
一.js数组快速排序 <script type="text/javascript"> var arr = [1, 2, 3, 54, 22, 1, 2, 3]; fun ...
- JS数组去重的几种常见方法
JS数组去重的几种常见方法 一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ ...
- js数组去重的方法(转)
JS数组去重的几种常见方法 一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ ...
- JS数组与PHP数组的对比
一.分类与创建 1:JS的数组都是索引数组,数组是一种特殊的对象,创建数组的方式有两种 //方式一 var arr1 = ['关羽', '张飞', '赵云', '马超', '黄忠']; //方式二 v ...
随机推荐
- centos如何添加ftp目录
检查Centos服务器中是否安装了vsftpd rpm -qa |grep vsftpd 如果没有显示则没有安装 2.安装vsftpd yum -y install vsftpd 3.打开vsftpd ...
- IIS调优--增加并发处理能力
一个ASP.NET项目在部署到生产环境时,当用户并发量达到200左右时,IIS出现了明显的请求排队现象,发送的请求都进入等待,无法及时响应,系统基本处于不可用状态.因经验不足,花了很多时间精力解决这个 ...
- CentOS7安装Apache2和PHP7
安装Apache 2.4 更新源:rpm -Uvh https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpmrpm ...
- Windows上的那些效率神器,让你快到飞起
转自:https://zhuanlan.zhihu.com/p/41771626 本文为Windows上有哪些让你效率倍增的软件和小技巧系列第二篇,上一篇请点击蓝字查看:打造高逼格PC,让你的电脑好用 ...
- 【GMT43智能液晶模块】例程二十二:USB_HID实验——双向数据传输
源代码下载链接: 链接:https://pan.baidu.com/s/1iSAUQnHoLI3WRPm-DimeSA 提取码:69vp 复制这段内容后打开百度网盘手机App,操作更方便哦 GMT43 ...
- 数据结构各种算法实现(C++模板)
目 录 1.顺序表 1 Seqlist.h 1 Test.cpp 6 2.单链表 8 ListNode.h 8 SingleList.h 10 test.cpp ...
- vue脚手架中使用Vant,实现自动按需引入组件,并将px转换为rem
偶然间看到一款不错的移动端vue组件库Vant,照着官方文档敲了一下,感觉还是不错的.想着以后的项目中可能会运用到,特此记录下,方便之后使用. 现在很多的组件库为了减小代码包体积,都支持按需加载了.V ...
- CMDB资产采集的四种方式
转 https://www.cnblogs.com/guotianbao/p/7703921.html 资产采集的概念 资产采集的四种方式:Agent.SSH.saltstack.puppet 资产采 ...
- 绘制UML图的工具
目前在用processOn网站进行绘制:https://www.processon.com/ 学习其简单的入门教程: https://www.processon.com/support https:/ ...
- jiaba