js 内置对象之数组Array
编辑于: 2018-08-29
前言:
前天刚做完一个公司的校招笔试题,其中有考到数组的基础方法,故今天在此对其做一番总结,从而温故而知新。
一、数组的创建方式
1. 通过'[]'
(1)var arr1 = []; //创建空数组(2)var arr2 = [1, 2, 3]; //直接创建一个包含三个元素分别为1, 2, 3的数组
复制代码
2. 通过new Array()
(1)var arr3 = new Array(); //创建空数组(2)var arr4 = new Array(); //创建长度为10的数组(3)var arr5 = new Array(1, 1, 2, 3, 4); //创建数组并初始化值为1,1,2,3,4(4)var arr6 = new Array([3]); //创建数组,第一个值初始化为3(5)var arr7 = new Array([1, 2], [3, 4]); //创建一个二维数组,并初始化值为: [1, 2], [3, 4]复制代码
注:两种创建方式的区别
- 通过'[]'是直接告诉处理器创建一个新的运行时数组,无需进行其他处理
- 通过new Array()是让解释器直接查找执行上下文,找到构造函数,并调用它,从而生成数组对象。
- 推荐使用'[]'
二、Array 对象属性
1. constructor: 返回对创建此对象的数组函数的引用
2. length: 设置或返回元素的数目
3. prototype: 使有能力向对象添加属性和方法
三、Array 对象方法
分两类:根据是否对原数组产生影响
1. 不改变原数组本身
(1)concat() : 连接两个或更多的数组,并返回结果(2)join(): 把数组所有元素通过join传入的参数进行连接,结果返回一个元素拼接起来的字符串(3)slice(): 从某个已有的数组返回选定的元素语法:array.slice(start, end)//start(必需),表示从何处开始选取,为负数时,表示从尾部开始算//end(可选),规定从何处结束选取,不填则表示一直选取到数组尾部
(4)toSource(): 返回该对象的源代码兼容性:只有Gecko核心的浏览器才支持(比如 Firefox), 故IE/Safari/Chrome/Opera均不支持(5)toString(): 把数组转换成字符串,并返回结果var b = [1,12345678]b.toString(); //"1,12345678"
(6)toLocaleString(): 把数组转换为本地字符串,并返回结果var b = [1,12345678]b.toLocaleString(); //"1,12,345,678"
(7)valueOf(): 返回数组对象的原始值
复制代码
2. 改变原数组本身
(1)pop(): 删除并返回数组的最后一个元素(2)push(): 向数组的末尾添加一个或多个元素,并返回数组新的长度(3)reverse(): 颠倒(原)数组中元素的顺序(4)shift(): 删除并返回数组的第一个元素(5)unshift(): 向数组开头添加一个或更多元素,并返回新的长度(6)sort(): 对数组的元素进行排序语法:array.sort(sortby) //sortby(可选),规定排序顺序,须是函数
(7)splice(): 删除元素,并向数组添加新元素,然后返回被删除的元素语法: array.splice(index, number, item1, item2, ..., itemX)//index(必需),整数,规定添加/删除项目的位置//number(必需),要删除的项目数,为0则不删除//item(可选),向数组添加的新项目
复制代码
参考链接:
www.w3school.com.cn/jsref/jsref…
转载于:https://juejin.im/post/5c778f275188253ec91e278c
js 内置对象之数组Array相关推荐
- JS内置对象和数组方法
Math数学对象--内置对象 一.圆周率 Math.PI 二.最大最小值 2.1最大值 Math.max(1,2,3,4)//4 2.2最小值 Math.min(1,2,3,4) 三.绝对值方法 Ma ...
- 4月5日--课堂笔记--JS内置对象
JavaScript 4.5 一. JS内置对象 1.数组Array a)创建语法1:var arr=new Array(参数); i. 没有参数:创建一个初始容量为0的数组 ii. ...
- 前端:JS/23/JS内置对象(String对象,Array对象,Date对象,Boolean对象,Number对象,Math对象),实例:求圆的面积,求直角三角形
JS内置对象 1,String对象 字符串对象,提供了对字符串进行操作的属性和方法 2,Array对象 数组对象,提供了数组操作方面的属性和方法 3,Date对象 日期时间对象,可以获取系统的日期时间 ...
- JS 内置对象 String对象
JS内置对象 String对象:字符串对象,提供了对字符串进行操作的属性和方法. Array对象:数组对象,提供了数组操作方面的属性和方法. Date对象:日期时间对象,可以获取系统的日期 ...
- js内置对象【学习笔记】
今天系统的学了一下javascript的内置对象.mark相关的知识点: 首先,什么是js的内置对象,它包括了些什么内容?(以下内容转自网上资源的整合) (W3shool JS手册地址:http:// ...
- window内置对象和js内置对象与方法
window内置对象 一.navigator 代表着浏览器本身的信息: 代码名:navigator.appCodeName 浏览器语言:navigator.browserLanguage 操作系统 ...
- JS内置对象及其用法总结
首先JS对象分为3种:自定义.内置.浏览器.今天就总结一下JS内置对象以及一些用法. 一.Math对象:不是一个构造函数,不需要new,直接调用即可. 1.Math.max(x,y);返回x,y的最大 ...
- JS内置对象操作方法整理
JS对象操作方法整理 文章目录 JS对象操作方法整理 数组 ES5 ES6 字符串 String 日期 Date() 数字 Number 算数 Math 数组 ES5 concat() 连接两个或更多 ...
- js内置对象常用方法
js内置对象常用方法 JS内置对象: ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个 ...
最新文章
- php要求输入是个数求平均值、_【227期】EXCEL求平均值的各种套路汇聚合,最后难倒70%的人...
- Failed to install*.apk on device '': timeout
- 【C语言】【笔试题】模拟实现memcmp
- qt android oci数据库,QT mysql SQLite 数据库支持
- Hadoop入门(十五)Mapreduce的数据排序程序
- 使用容器服务支持开发者快速搭建小程序后端服务
- jdk包含java语言核心的类_1.1 jvm核心类加载器--jdk源码剖析
- 关于在ubuntu14.04下firefox升级后refresh插件不好用
- R语言聚类分析(系统聚类、K-均值聚类)
- ROS 端口IP映射 动态IP映射
- 服务器winsxs文件夹怎么清理工具,winsxs文件夹怎么清理 winsxs文件夹清理方法教程...
- 零担物流单号查询方法,如何查自己的货到哪里了
- 从微信办公看信息泄露
- 手机/移动端的UI框架-Vant和NutUI
- Alpine Linux添加Let's Encrypt CA证书或者自签CA证书
- 【安卓】[Android]添加google账户 - 您的用户名和密码不匹配,请重试
- 数据结构(python) —— 【29: 贪心算法之换钱问题】
- 芯片热阻系数学习 芯片温度
- 计算机科学与技术学科导论心得,计算机科学与技术导论课感悟.doc
- 神秘永远的《加州旅馆》
热门文章
- python怎么打开excel文件并处理_Python利用openpyxl处理Excel文件(Excel文件基本操作)...
- PHP基础题带详细答案,PHP基础语法试题(一)答案版.docx
- unity已存在,您无法加载相同的版本
- mysql怎么看历史最高连接数_MySQL数据库怎么查看和修改最大连接数
- 小白也能读懂的接口测试,接口测试并没有那么难
- 接口测试实战总结,绝对值得收藏
- mysql 单表多级查询_mysql单表与多表查询
- php表单转json对象,form表单转Json提交的方法(推荐)
- 7z替换exe文件内容不能替换文件_Windows小技巧 批处理文件实现目录下文件批量打包压缩...
- android人物移动设计软件,实现在SurfaceView上移动游戏人物