好程序员分享JavaScript学习笔记ES5中常见的数组方法
好程序员分享JavaScript学习笔记ES5中常见的数组方法,ES5中常见的数组常用方法
之前我们讲过的数组常用方法都是ES3的方法,今天来说一些ES5中的方法。
indexOf
indexOf 用来找到数组中某一项的索引
语法: indexOf(你要找的数组中的项)
var arr = [1, 2, 3, 4, 5]
// 使用 indexOf 超找数组中的某一项var index = arr.indexOf(3)
console.log(index) // 2
我们要找的是数组中值为 3 的那一项
返回的就是值为 3 的那一项在该数组中的索引
如果你要找的内容在数组中没有,那么就会返回 -1
var arr = [1, 2, 3, 4, 5]
// 使用 indexOf 超找数组中的某一项var index = arr.indexOf(10)
console.log(index) // -1
你要找的值在数组中不存在,那么就会返回 -1
forEach
和 for 循环一个作用,就是用来遍历数组的
语法:arr.forEach(function (item, index, arr) {})
var arr = [1, 2, 3]
// 使用 forEach 遍历数组arr.forEach(function (item, index, arr) {
// item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 console.log('数组的第 ' + index + ' 项的值是 ' + item + ',原始数组是', arr)})
forEach() 的时候传递的那个函数,会根据数组的长度执行
数组的长度是多少,这个函数就会执行多少回
map
和 forEach 类似,只不过可以对数组中的每一项进行操作,返回一个新的数组
var arr = [1, 2, 3]
// 使用 map 遍历数组var newArr = arr.map(function (item, index, arr) {
// item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 return item + 10})
console.log(newArr) // [11, 12, 13]
filter
和 map 的使用方式类似,按照我们的条件来筛选数组
把原始数组中满足条件的筛选出来,组成一个新的数组返回
var arr = [1, 2, 3]
// 使用 filter 过滤数组var newArr = arr.filter(function (item, index, arr) {
// item 就是数组中的每一项 // index 就是数组的索引 // arr 就是原始数组 return item > 1})
console.log(newArr) // [2, 3]
我们设置的条件就是 > 1
返回的新数组就会是原始数组中所有 > 1 的项
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
好程序员web前端培训分享JavaScript学习笔记SASS
好程序员web前端培训分享JavaScript学习笔记SASS,世界上最成熟、最稳定、最强大的专业级CSS扩展语言!sass是一个 css 的预编译工具也就是能够更优雅的书写 csssass写出来的东西浏览器不认识依旧是要转换成 css 在浏览器中运行这个时候就需要一个工具来帮我们做安装 sass 环境以前的sass需要依赖一个ruby的环境现在的sass需要依赖一个python的环境但是我们的 node 强大了以后,我们只需要依赖node环境也可以需要我们使用 npm 安装一个全局的sass环境就可以了 安装全局 sass 环境 $ npm install sass -g编译 sass有了全局的sass环境以后我们就可以对sass的文件进行编译了sass的文件后缀有两种,一种是.sass一种是.scss他们两个的区别就是有没有{}和;.scss文件h1 { width: 100px; height: 200px;}.sass文件h1 width: 100px height: 200px.scss 文件h1 { width: 100px; height:...
- 下一篇
好程序员web前端培训分享JavaScript学习笔数组的排序
好程序员web前端培训分享JavaScript学习笔数组的排序,排序,就是把一个乱序的数组,通过我们的处理,让他变成一个有序的数组,今天我们讲解两种方式来排序一个数组冒泡排序和选择排序冒泡排序先遍历数组,让挨着的两个进行比较,如果前一个比后一个大,那么就把两个换个位置数组遍历一遍以后,那么最后一个数字就是最大的那个了然后进行第二遍的遍历,还是按照之前的规则,第二大的数字就会跑到倒数第二的位置以此类推,最后就会按照顺序把数组排好了1、我们先来准备一个乱序的数组var arr = [3, 1, 5, 6, 4, 9, 7, 2, 8]接下来我们就会用代码让数组排序2、先不着急循环,先来看数组里面内容换个位置// 假定我现在要让数组中的第 0 项和第 1 项换个位置// 需要借助第三个变量var tmp = arr[0]arr[0] = arr[1]arr[1] = tmp3、第一次遍历数组,把最大的放到最后面去for (var i = 0; i < arr.length; i++) { // 判断,如果数组中的当前一个比后一个大,那么两个交换一下位置 if (arr[i] ...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- Mario游戏-低调大师作品
- Docker安装Oracle12C,快速搭建Oracle学习环境
- Red5直播服务器,属于Java语言的直播服务器
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS8编译安装MySQL8.0.19
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS6,CentOS7官方镜像安装Oracle11G
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装