Array常用函数收藏
1.isArray
语法:Array.isArray(obj)
说明:判断一个对象是否是数组。
例如:
Array.isArray([]);
Array.isArray([1]);
Array.isArray(new Array());
// Little known fact: Array.prototype itself is an array:
Array.isArray(Array.prototype); // all following calls return false
Array.isArray();
2.concat
语法:var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])
说明:把多个数组串联成一个新数组
例如:
var alpha = ['a', 'b', 'c'];
var numeric = [1, 2, 3];
alpha.concat(numeric);
// result in ['a', 'b', 'c', 1, 2, 3]
3.every
语法:arr.every(callback[, thisArg])
说明:测试是否数组中所有的元素都满足测试条件
例如:
function isBigEnough(element, index, array) {
return element >= 10;
}
[12, 5, 8, 130, 44].every(isBigEnough); // false
[12, 54, 18, 130, 44].every(isBigEnough); // true
4.filter
语法:var newArray = arr.filter(callback[, thisArg])
说明:过滤满足条件的元素
例如:
function isBigEnough(value) {
return value >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44]
5.find
语法:arr.find(callback[, thisArg])
说明:查找数组中满足条件的第一个元素
例如:
function isBigEnough(element) {
return element >= 15;
}
[12, 5, 8, 130, 44].find(isBigEnough); // 130
6.findIndex
语法:arr.findIndex(callback[, thisArg])
说明:查找满足条件的第一个元素的索引
例如:
function isBigEnough(element) {
return element >= 15;
}
[12, 5, 8, 130, 44].findIndex(isBigEnough); // 3rd element in the Array is returned, it will result in '130'
7.includes
语法:
arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
说明:判断数组是否包含指定的元素,第二个参数表示从哪个索引开始查询
例如:
[1, 2, 3].includes(2); // true
[1, 2, 3].includes(4); // false
[1, 2, 3].includes(3, 3); // false
[1, 2, 3].includes(3, -1); // true
[1, 2, NaN].includes(NaN); // true
8.indexOf
语法:
arr.indexOf(searchElement)
arr.indexOf(searchElement, fromIndex)
说明:查询元素在数组中的索引位置,如果不在数组中,返回-1
例如:
var array = [2, 9, 9];
array.indexOf(2); // 0
array.indexOf(7); // -1
array.indexOf(9, 2); // 2
array.indexOf(2, -1); // -1
array.indexOf(2, -3); // 0
9.join
语法:
arr.join()
arr.join(separator)
说明:把数组通过自定的连接符串联成一个字符串,separator默认为“,”
例如:
var a = ['Wind', 'Rain', 'Fire'];
a.join(); // 'Wind,Rain,Fire'
a.join('-'); // 'Wind-Rain-Fire'
10.lastIndexOf
语法:
arr.lastIndexOf(searchElement)
arr.lastIndexOf(searchElement, fromIndex)
说明:返回能在数组中查到元素的最后的一个索引,查询不到返回-1
例如:
var numbers = [2, 5, 9, 2];
numbers.lastIndexOf(2); // 3
numbers.lastIndexOf(7); // -1
11.map
语法:var new_array = arr.map(callback[, thisArg])
说明:根据提供函数的公式返回一个新数组
例如:
var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
// roots is now [1, 2, 3]
// numbers is still [1, 4, 9]
12.pop
语法:arr.pop()
说明:从数组中移出最后一个元素,并返回该元素
例如:
var a = [1, 2, 3];
a.pop(); console.log(a); // [1, 2]
13.reverse
语法:a.reverse()
说明:将数组倒序排列
例如:
var a = ['one', 'two', 'three'];
a.reverse(); console.log(a); // ['three', 'two', 'one']
14.shift
语法:arr.shift()
说明:从数组中移出第一个元素,并返回该元素
例如:
var a = [1, 2, 3];
var b = a.shift(); console.log(a); // [2, 3]
console.log(b); // 1
15.slice
语法:
arr.slice()
arr.slice(begin)
arr.slice(begin, end)
说明:从数组指定的位置深拷贝数组并返回新数组,end表示拷贝结束的索引位置,但不包含end数字
例如:
var fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'];
var citrus = fruits.slice(1, 3); // fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
// citrus contains ['Orange','Lemon']
16.sort
语法:
arr.sort()
arr.sort(compareFunction)
说明:按指定的函数规则排序,默认是按照字符串的unicode编码排序。如果a小于b,a在b之前,如果a大于b则a在b之后,如果a等于b则a在b之前并且相邻。
function compare(a, b) {
if (a is less than b by some ordering criterion) {
return -1;
}
if (a is greater than b by the ordering criterion) {
return 1;
}
// a must be equal to b
return 0;
}
例如:
var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers); // [1, 2, 3, 4, 5]
17.splice
语法:
array.splice(start)
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)
说明:通过移除或者增加一些元素而改变数组。start表示改变数组的起始索引,deleteCount表示移除元素的个数,item1...itemn表示在start之后新增的元素
例如:
//从索引2移除0个元素并插入一个元素
ar myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
var removed = myFish.splice(2, 0, 'drum'); // myFish is ["angel", "clown", "drum", "mandarin", "sturgeon"]
// removed is [], no elements removed
//从所以2移除1个元素
var myFish = ['angel', 'clown', 'drum', 'mandarin', 'sturgeon'];
var removed = myFish.splice(3, 1); // removed is ["mandarin"]
// myFish is ["angel", "clown", "drum", "sturgeon"]
18.unshift
语法:arr.unshift([element1[, ...[, elementN]]])
说明:增加一个或者若干个元素到数组的开始位置
例如:
var a = [1, 2, 3];
a.unshift(4, 5); console.log(a); // [4, 5, 1, 2, 3]
Array常用函数收藏的更多相关文章
- JavaScript之Array常用函数汇总
[20141121]JavaScript之Array常用功能汇总 *:first-child { margin-top: 0 !important; } body>*:last-child { ...
- JavaScript Array 常用函数整理
按字母顺序整理 索引 Array.prototype.concat() Array.prototype.filter() Array.prototype.indexOf() Array.prototy ...
- lodash常用函数 - Array、Collection
lodash常用函数 - Array.Collection lodash版本 v3.10.1 1.Array.Collection pull 移除数组中满足条件的元素 var array = [1, ...
- vb- ----之常用函数
[VB]常用函数 2007-10-25 10:52 3375人阅读 评论(1) 收藏 举报 vbstringdateintegervbscriptwindows (一)类型转换类函数1. CType( ...
- 【javascript】javascript常用函数大全
javascript函数一共可分为五类: •常规函数 •数组函数 •日期函数 •数学函数 •字符串函数 1.常规函数 javascript常规函数包括以下9个函数: ( ...
- Thinkcmf:页面常用函数
Thinkcmf:页面常用函数 全站seo: 文章列表: {$site_seo_title} <!--SEO标题--> {$site_seo_keywords} < ...
- phpcms V9 常用函数 及 代码整理
常用函数 及 常用代码 总结如下 <?php //转换字符串或者数组的编码 str_charset($in_charset, $out_charset, $str_or_arr) //获取菜单 ...
- php : 常用函数
常用函数: <?php /** * 获取客户端IP * @return [string] [description] */ function getClientIp() { $ip = NULL ...
- php 数组的常用函数
在php教程中数组是种强大的数据类型,他可以做的事情很多,可以存储不同的数据类型在一个数组中,下面我们列出了数组常用的操作,排序,键名对数组排序等做法. /* 数组的常用函数 * * 数组的排序函 ...
随机推荐
- linux查看进程与线程数
1. 查看进程:ps -ef 或 ps -aux 得到进程的pid:如: ps -ef | grep process_name | grep -v "grep" | awk '{p ...
- C++实现的服务不可用发送报警邮件
正在看C++,我主业是Java开发,但是最近服务不太稳定,自己用C++造了个小轮子. 配置好要监控的访问路径,IP.端口号和路径.涉及到的知识点有以下几个部分: 构造函数与析构函数 内存的分配与释放( ...
- 关于OpenVR
一直在期待一种大一统的开放的VR技术规范,虽然短期内这点明显是不太现实的.前几天在翻译Godot的开发进展#6那篇文章时,看到了一个词OpenVR,瞬间有感觉了. 从我的经历的技术规范演进版本来看,从 ...
- 在springmvc中无法使用@value()注解
折腾了一下午,试了很多解决办法,就是死活不能扫描到properties文件.本来打算使用软编码的,尝试更改了全部jar包版本,还是无法解决. 后面想到了,spring和springmvc容器的加载顺序 ...
- Spring Cloud 5分钟搭建教程(附上一个分布式日志系统项目作为参考) - 推荐
http://blog.csdn.net/lc0817/article/details/53266212/ https://github.com/leoChaoGlut/log-sys 上面是我基于S ...
- python使用pymongo访问MongoDB的基本操作,以及CSV文件导出
1. 环境. Python:3.6.1 Python IDE:pycharm 系统:win7 2. 简单示例 import pymongo # mongodb服务的地址和端口号mongo_url = ...
- CSS遮罩层的实现
偶然发现自己原来写了一个CSS遮罩层,虽然这个东西没什么技术含量,但如果本人离开公司后又遇见此类问题,那么可能又得花些时间来找资料了.所以决定还是把它记下来吧. 直接上代码吧. 第一步,html代码: ...
- 百度echarts极速入门
1.http://echarts.baidu.com/ 进入官网 2.打开官方示例 3.随便打开一个列子并打开f12浏览器调试模式,找到例子的iframe地址 4.打开地址 5.下载例子,so eas ...
- Selenium常用操作汇总二——如何操作select下拉框
下面我们来看一下selenium webdriver是如何来处理select下拉框的,以http://passport.51.com/reg2.5p这个页面为例.这个页面中有4个下拉框,下面演示4种选 ...
- Simsimi 小黄鸡机器人最新无限制接口api simsimi机器人接口api 微信公众号
一.什么是Simsimi? simsimi公司是提供智能服务,其中一个服务是simsimi聊天机器人服务,每天有超过百万的用户聊天,国内最大的搜索引擎——百度的产品siri使用的就是simsimi提供 ...