Javascript学习总结三(Array对象的用法)
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对象的用法)相关推荐
- JavaScript学习(三十九)—对象中内容的操作
JavaScript学习(三十九)-对象中内容的操作 一.对象中内容的操作:增.删.改.查 (一).增:给对象添加属性或者方法 1)方式1:对象名称.属性名=属性值: 2)方式2:对象名称['属性名' ...
- JavaScript学习(三十三)—事件对象常用的属性和方法
JavaScript学习(三十三)-事件对象常用的属性和方法 (一).type属性 <style>#box {width: 200px;height:
- JavaScript学习(三十)—事件对象
JavaScript学习(三十)-事件对象 大家好,我是小王,一个很喜欢Coding的小女孩. 很喜欢这句话:人数没有白走的路,每一步都算数,关注我,后期分享更多资源! 事件对象:该对象记录了和事件相 ...
- JavaScript:学习笔记(9)——Promise对象
JavaScript:学习笔记(9)--Promise对象 引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...
- JavaScript学习(三十八)—面向过程与面向对象
JavaScript学习(三十八)-面向过程与面向对象 一.程序设计语言中的两大编程思想:面向对象.面向过程 (一).面向过程 就是指完成某个需求的时候,先分析出完成该需求时所需要经历的步骤有哪些,然 ...
- JavaScript学习(三十四)—事件委托
JavaScript学习(三十四)-事件委托 (一).什么是事件委托? 所谓的事件委托就是指将事件添加到祖先元素身上,依据事件冒泡的原理(就是指事件的执行顺序是从当前元素逐步扩展到祖先元素,直到扩展到 ...
- JavaScript学习 第三课(三)
JavaScript学习 第三课(三) 学习内容 一.日期和时间对象 二.日期和对象常用的方法 三.修改日期和对象常用的方法 四.将日期和时间转化为字符串 五.日期时间对象的比较 一.日期和时间对象 ...
- JavaScript学习(三十七)—实现右键自定义菜单的功能
JavaScript学习(三十七)-实现右键自定义菜单的功能 代码如下: <!DOCTYPE html> <html lang="en"><head& ...
- JavaScript学习(三十六)—移动的小球
JavaScript学习(三十六)-移动的小球 代码如下: <!DOCTYPE html> <html lang="en"><head>< ...
最新文章
- php 批量导出excel文件,PHPEXCEL批量导出
- poj1273(最大网络流问题模版)
- php和python的选择排序算法,图文讲解选择排序算法的原理及在Python中的实现
- java list适配器_详解listview的四种适配器模式
- deepin安装node,npm
- 南昌网络赛E Interesting Series
- [笔记]TB-6S-LX150T-IMG2_HWUserManual_1.02e实例讲解
- And Design:拓荒笔记——Form表单
- Map、List、Set在Java中的各种遍历方法
- selenium webdriver (6) -- iFrame
- 【论文总结】TextGCN
- SQL注入攻击原理与防御措施
- Win10常用命令:定时关机(shutdown命令)
- 人工智能会取代程序员吗?
- spring cloud alibaba全家桶集合
- udp:远程主机强迫关闭了一个现有的连接
- MMCM时钟动态调相
- 中医卫统直报、重点专科、绩效考核病案首页字段汇总-标出差异
- Linux-启动和服务(service)
- Linux云计算架构--课程目录(持续更新...)