JavaScript数组(参考资料)
JavaScript数组的长度和元素类型都是非固定的。因为数组的长度可随时改变,并且其数据在内存中也可以不连续,所以 JavaScript 数组不一定是密集型的,这取决于它的使用方式。
1.Array.length
获取或设置数组长度。
2.Array.prototype
通过数组的原型对象可以为所有数组对象添加属性。
3.Array.isArray()
检测数组。
4.Array.prototype.push()
追加元素到数组末尾,并返回新的数组长度。
5.Array.prototype.pop()
移除数组末尾元素,并返回移除的元素。
6.Array.prototype.unshift()
在数组首部添加元素,并返回新的数组长度。
7.Array.prototype.shift()
移除数组首部元素,并返回移除的元素。
8.Array.prototype.splice()
通过索引删除后替换元素。
9.Array.prototype.join()
连接所有数组元素组成一个字符串。
10.Array.prototype.indexOf()
在数组中查询某一元素首次出现的索引,如果未查询到该元素,返回-1。
11.Array.prototype.lastIndexOf()
在数组中查询某一元素最后一次出现的索引,如果未查询到该元素,返回-1。
12.Array.prototype.includes()
判断数组是否包含某指定的值,如果是返回 true。
13.Array.prototype.slice(startIndex,endIndex)
一个参数时,返回执行位置到数组末尾项组成的新数组。两个参数时,返回两个参数之间但不包括结束位置项组成的新数组,但不改变原数组。
14.Array.prototype.reverse()
反转数组项的顺序。
15.Array.prototype.sort()
无参时,会调用每一个数组项的toString()方法,然后比较字符串排序。也可接收一个比较函数作为参数,以便在比较函数里指定排序规则。
16.Array.prototype.forEach()
遍历数组。
17.Array.prototype.every()
如果数组中的每个元素都满足测试函数,则返回 true。
18.Array.prototype.some()
如果数组中至少有一个元素满足测试函数,则返回 true。
19.Array.prototype.filter()
返回满足测试函数的元素组成的数组。
20.Array.prototype.map()
返回每一个元素进行测试函数操作后组成的数组,不改变原数组。
21.Array.prototype.findIndex()
返回第一个满足测试函数的元素的索引。
22.Array.prototype.reduce()
该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。
以下为示例代码
/* 创建数组方法:字面量,构造函数 */
var createArray1 = [0, 1, 2, 3, 4, 5, 6];
var createArray2 = new Array(); /* 1.Array.length:获取或设置数组长度 */
console.log(createArray1.length);// /* 2.Array.prototype:通过数组的原型对象可以为所有数组对象添加属性。 */ /* 3.Array.isArray():检测数组。 */
console.log(Array.isArray(createArray1));//true /* 4.Array.prototype.push():追加元素到数组末尾,并返回新的数组长度。*/
var fruitArray = ["mango"];
var pushResult = fruitArray.push("cherry");
console.log(fruitArray); //object:["mango", "cherry"]
console.log(pushResult); //number:2 /* 5.Array.prototype.pop():移除数组末尾元素,并返回移除的元素。 */
var popResult = fruitArray.pop();
console.log(fruitArray); //object:["mango"]
console.log(popResult); //string:cherry /* 6.Array.prototype.unshift():在数组首部添加元素,并返回新的数组长度。 */
var unshiftResult = fruitArray.unshift("apple");
console.log(fruitArray);//object:["apple", "mango"]
console.log(unshiftResult);//number:2 /* 7.Array.prototype.shift():移除数组首部元素,并返回移除的元素。 */
var shiftResult = fruitArray.shift();
console.log(fruitArray);//object:["mango"]
console.log(shiftResult);//string:apple /* 8.Array.prototype.splice():通过索引删除后替换元素。 */
var pokers = [0, 1, 2, 3, 4, 5, 6, 7, 8];
var spliceResulr = pokers.splice(3, 2);
console.log(pokers);//[0, 1, 2, 5, 6, 7, 8]
console.log(spliceResulr);//[3, 4]
pokers.splice(3, 0, [3, 4]);
console.log(pokers);//[0, 1, 2, 3, 4, 5, 6, 7, 8] /* 9.Array.prototype.join():连接所有数组元素组成一个字符串。 */
console.log(['h', 'e', 'l', 'l', 'o'].join('-'));//h-e-l-l-o /* 10.Array.prototype.indexOf():在数组中查询某一元素首次出现的索引。*/
var numbers = [7, 8, 9, 8, 7];
var indexOfResult = numbers.indexOf(8);//number:1
var lastIndexOfResult = numbers.lastIndexOf(8);//number:3 /* 12.Array.prototype.includes():判断数组是否包含某指定的值,如果是返回 true。 */
var includesResult = numbers.includes(8);
console.log(includesResult);//true /* 13.Array.prototype.slice(startIndex,endIndex):一个参数时,返回执行位置到数组末尾项组成的新数组。两个参数时,返回两个参数之间但不包括结束位置项组成的新数组,但不改变原数组。*/
var characters = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
var copyResult1 = characters.slice(0);
var copyResult2 = characters.slice(2, 4);
console.log(copyResult1);//["a", "b", "c", "d", "e", "f", "g"]
console.log(copyResult2);//["c", "d"] /* 14.Array.prototype.reverse():反转数组项的顺序。 */
characters.reverse();
console.log(characters);//["g", "f", "e", "d", "c", "b", "a"] /* 15.Array.prototype.sort():无参时,会调用每一个数组项的toString()方法,然后比较字符串排序。也可接收一个比较函数作为参数,以便在比较函数里指定排序规则。 */
var noArray = [4, 8, 2, 6, 10, 12, 14];
noArray.sort();
console.log(noArray);//[10, 12, 14, 2, 4, 6, 8]
noArray.sort(function (value1, value2) { return value1 - value2; });
console.log(noArray);//[2, 4, 6, 8, 10, 12, 14] 注意null的判断,待补充,否则会报错。 /* 16.Array.prototype.forEach():遍历数组。*/
var numberArray = [11, 22, 33, 44, 55, 66, 77, 88, 99];
numberArray.forEach(function (value, index, array) { }); /* 17.Array.prototype.every():如果数组中的每个元素都满足测试函数,则返回 true。 */
var everyResult = numberArray.every(function (value, index, array) { return value > 55; }); /* 18.Array.prototype.some():如果数组中至少有一个元素满足测试函数,则返回 true。 */
var someResult = numberArray.some(function (value, index, array) {return value > 55;});
/* 19.Array.prototype.filter():返回满足测试函数的元素组成的数组。*/
var filterResult = numberArray.filter(function (value, index, array) { return value > 55;}); /* 20.Array.prototype.map():返回每一个元素进行测试函数操作后组成的数组,不改变原数组。 */
var mapResult = numberArray.map(function (value, index, array) {return value * 10;}); /* 21.Array.prototype.findIndex():返回第一个满足测试函数的元素的索引。 */
var findIndexResult = numberArray.findIndex(function (value, index, array) {return value > 55;}); /* 22.Array.prototype.reduce():该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。 */
var reduceResult = numberArray.reduce(function (preValue, currValue, currIndex, array) {
console.log(preValue + "-" + currValue);////11-22 22-33 33-44...88-99
return preValue > currValue ? preValue : currValue;
});
console.log(reduceResult);//
JavaScript数组(参考资料)的更多相关文章
- JavaScript数组中的22个常用方法
数组总共有22种方法,本文将其分为对象继承方法.数组转换方法.栈和队列方法.数组排序方法.数组拼接方法.创建子数组方法.数组删改方法.数组位置方法.数组归并方法和数组迭代方法共10类来进行详细介绍. ...
- JavaScript数组常见操作
JavaScript数组常见操作 Tip: 右键在新标签中打开查看清晰大图 下面介绍JavaScript中的数组对象遍历.读写.排序等操作以及与数组相关的字符串处理操作 创建数组 一般使用数组字面量[ ...
- Javascript数组操作
使用JS也算有段时日,然对于数组的使用,总局限于很初级水平,且每每使用总要查下API,或者写个小Demo测试下才算放心,一来二去,浪费不少时间:思虑下,堪能如此继续之?当狠心深学下方是正道. 原文链接 ...
- Javascript数组操作(转)
1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限, ...
- JavaScript 数组
JavaScript 数组 简介:数组是值的有序集合,JavaScript在同一个数组中可以存放多种类型的元素,而且是长度也是可以动态调整的,可以随着数据增加或减少自动对数组长度做更改. 一:创建数组 ...
- 也谈面试必备问题之 JavaScript 数组去重
Why underscore (觉得这部分眼熟的可以直接跳到下一段了...) 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. ...
- js 判断数组包含某值的方法 和 javascript数组扩展indexOf()方法
var questionId = []; var anSwerIdValue = []; ////javascript数组扩展indexOf()方法 Array.prototype.indexOf ...
- JavaScript 数组 length 属性获取数组长度或设置数组元素的数目
JavaScript 数组 length 属性 JavaScript 数组 length 属性可返回或设置或组中元素的数目,语法如下: array_object.length 利用 length 属性 ...
- 【读书笔记】-- JavaScript数组
数组是一段线性分配的内存,它通过整数计算偏移并访问其中的元素.大多数的语言都会要求一个数组的元素是相同类型,但JavaScript数组可以包含任意类型. var misc = ['string', n ...
随机推荐
- python报头解决粘包简单实现
client------------- #!/usr/bin/env python # encoding: utf-8 # Date: 2018/6/5 import socketimport st ...
- MVVMLight介绍以及在项目中的使用
http://www.des8.me/detail-1822826.html 一.MVVM 和 MVVMLight介绍 MVVM是Model-View-ViewModel的简写.类似于目前比较流行的M ...
- 剖析tcp与udp及应用场景协议方案选择
什么是TCP和UDP TCP和UDP是TCP/IP协议中的两个传输层协议,它们使用IP路由功能把数据包发送到目的地,从而为应用程序及应用层协议(包 括:HTTP.SMTP.SNMP.FTP和Telne ...
- 行为型-命令模式(Command)
装修新房的最后几道工序之一是安装插座和开关,通过开关可以控制一些电器的打开和关闭,例如电灯或者排气扇.在购买开关时,我们并不知道它将来到底用于控制什么电器,也就是说,开关与电灯.排气扇并无直接关系,一 ...
- spring错误处理 Build path is incomplete. Cannot find class file for org.springframework.aop.Advisor
Build path is incomplete. Cannot find class file for org.springframework.aop.Advisor 初学spring,记录一下出现 ...
- TI davinci DM6467通过串口0将UBL和u-boot写入NAND flash
TI的davinci系列一般支持好几种启动模式,如下图TMS320DM6467的datasheet可以查到所有的BOOTMODE LVS301和LW9226的开发板上有一个选择bootmode的拨码开 ...
- go_gc
如果想知道当前的内存状态,可以使用: // fmt.Printf("%d\n", runtime.MemStats.Alloc/1024) // 此处代码在 Go 1.5.1下不再 ...
- SQLite3学习笔记----创建数据库的两种方式
今天研究学习SQLite,刚开始创建数据库,就遇到了一个坑,是自己粗心了,特记录一下. 实验环境: OS:Ubuntu18.04 创建数据库名称:test.db 实验步骤: 1.检查是否已经安装了SQ ...
- dwz监听日期变化,dwz日期控件onchange不起作用,dwz框架时间控件不支持onchange事件
转载自:http://blog.csdn.net/sp308036654/article/details/50638348 <input type="text" class= ...
- Smart Pointe
http://blog.chinaunix.net/uid-625789-id-2720884.html