javascript Array对象的常用API

1:concat

concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。
举例:
var a1 = ['aa','bb'];
var a2 = ['cc','dd'];
var a3 = a2.concat(a1);

2:every

every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
every() 方法使用指定函数检测数组中的所有元素:
如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
如果所有元素都满足条件,则返回 true。
注意: every() 不会对空数组进行检测。
注意: every() 不会改变原始数组。
举例:
<script>
var ages = [23,12,14];

function checkAudit(age){
return age>18;
}
function myFunction(ages){
document.getElementById("demo").innerHTML=ages.every(checkAudit);
}
</script>

3:filter

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组
举例:
<script>
var ages = [23,12,14];

function checkAudit(){
return age>18;
}

function myFunction(ages){
document.getElementById("demo").innerHTML = ages.filter(checkAudit);
}
</script>

4:join

join() 方法用于把数组中的所有元素转换一个字符串。
元素是通过指定的分隔符进行分隔的。
举例:
var fruits = ['apple','banana','orange'];
var energy = fruits.join();

5:indexOf lastIndexOf用法类似String

indexOf() :搜索数组中的元素,并返回它所在的位置。
lastIndexOf():从后向前检索元素。

6:map

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。
举例:
<script>
var numbers = [4, 9, 16, 25];
function myFunction() {
x = document.getElementById("demo")
x.innerHTML = numbers.map(Math.sqrt);
}
</script>
//输出2、3、4、5

7:pop shift

pop() 方法用于删除数组的最后一个元素并返回删除的元素。
注意:此方法改变数组的长度!
提示: 移除数组第一个元素,请使用 shift() 方法。

8:push

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
注意: 新元素将添加在数组的末尾。
注意: 此方法改变数组的长度。

9:reverse

reverse() 方法用于颠倒数组中元素的顺序。
举例:
<script>
var fruits = ['apple','banana','orange'];
function myFunction(){
var x = document.getElementById('demo');
x.innerHTML = fruits.reverse();
}
</script>

10:sort

sort() 方法用于对数组的元素进行排序。
排序顺序可以是字母或数字,并按升序或降序。
默认排序顺序为按字母升序。

Javascript学习总结三(Array对象的用法)相关推荐

  1. JavaScript学习(三十九)—对象中内容的操作

    JavaScript学习(三十九)-对象中内容的操作 一.对象中内容的操作:增.删.改.查 (一).增:给对象添加属性或者方法 1)方式1:对象名称.属性名=属性值: 2)方式2:对象名称['属性名' ...

  2. JavaScript学习(三十三)—事件对象常用的属性和方法

    JavaScript学习(三十三)-事件对象常用的属性和方法 (一).type属性 <style>#box {width: 200px;height:

  3. JavaScript学习(三十)—事件对象

    JavaScript学习(三十)-事件对象 大家好,我是小王,一个很喜欢Coding的小女孩. 很喜欢这句话:人数没有白走的路,每一步都算数,关注我,后期分享更多资源! 事件对象:该对象记录了和事件相 ...

  4. JavaScript:学习笔记(9)——Promise对象

    JavaScript:学习笔记(9)--Promise对象 引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...

  5. JavaScript学习(三十八)—面向过程与面向对象

    JavaScript学习(三十八)-面向过程与面向对象 一.程序设计语言中的两大编程思想:面向对象.面向过程 (一).面向过程 就是指完成某个需求的时候,先分析出完成该需求时所需要经历的步骤有哪些,然 ...

  6. JavaScript学习(三十四)—事件委托

    JavaScript学习(三十四)-事件委托 (一).什么是事件委托? 所谓的事件委托就是指将事件添加到祖先元素身上,依据事件冒泡的原理(就是指事件的执行顺序是从当前元素逐步扩展到祖先元素,直到扩展到 ...

  7. JavaScript学习 第三课(三)

    JavaScript学习 第三课(三) 学习内容 一.日期和时间对象 二.日期和对象常用的方法 三.修改日期和对象常用的方法 四.将日期和时间转化为字符串 五.日期时间对象的比较 一.日期和时间对象 ...

  8. JavaScript学习(三十七)—实现右键自定义菜单的功能

    JavaScript学习(三十七)-实现右键自定义菜单的功能 代码如下: <!DOCTYPE html> <html lang="en"><head& ...

  9. JavaScript学习(三十六)—移动的小球

    JavaScript学习(三十六)-移动的小球 代码如下: <!DOCTYPE html> <html lang="en"><head>< ...

最新文章

  1. php 批量导出excel文件,PHPEXCEL批量导出
  2. poj1273(最大网络流问题模版)
  3. php和python的选择排序算法,图文讲解选择排序算法的原理及在Python中的实现
  4. java list适配器_详解listview的四种适配器模式
  5. deepin安装node,npm
  6. 南昌网络赛E Interesting Series
  7. [笔记]TB-6S-LX150T-IMG2_HWUserManual_1.02e实例讲解
  8. And Design:拓荒笔记——Form表单
  9. Map、List、Set在Java中的各种遍历方法
  10. selenium webdriver (6) -- iFrame
  11. 【论文总结】TextGCN
  12. SQL注入攻击原理与防御措施
  13. Win10常用命令:定时关机(shutdown命令)
  14. 人工智能会取代程序员吗?
  15. spring cloud alibaba全家桶集合
  16. udp:远程主机强迫关闭了一个现有的连接
  17. MMCM时钟动态调相
  18. 中医卫统直报、重点专科、绩效考核病案首页字段汇总-标出差异
  19. Linux-启动和服务(service)
  20. Linux云计算架构--课程目录(持续更新...)

热门文章

  1. 关于嵌入式开发,到底需要会多少门语言,做好准备了吗
  2. 【 FPGA 】状态机的模型之Mealy型状态机
  3. IDEA开启关闭拼写检查
  4. 判断二叉树是否为平衡二叉树
  5. mysql中的增删查找和查看2;
  6. web中session与序列化的问题
  7. 201406114331-黄智涛-OS 实验报告
  8. 用Java调用WebService
  9. MP4移动商学院―――管理者贴身教练!
  10. 给别人电脑永远设置个别人删不掉的管理员用户