数组那些事(slice,splice,forEach,map,filter等等)
周五,再过会要下班了,刚才把《javascript高级程序设计》数组这块又看了下,加深下记忆。今天来继续练练笔,嘿嘿!(写下自己印象不深的东西)
一.数组的定义(数组定义分为两种)
方法一:
1 var color=new Array(num);//num为数字,(当然可写,可不写) 表示数组长度
var color=new Array("red","yellow");//直接定义数组内容
方法二: 2.var color=[];//当然也可以定义的时候直接写入数组内容["red","yellow"]
var color=["yellow","red"]
二.检测数组
方法一:
color instanceof Array //返回true或者false (这个方法本身没有问题,但是当网页中包含多个框架时可能就会出现差错);
方法二:
es5新加的方法isArray,通过Array.isArray(color),同样返回真假值,当然很多都想到了这个有兼容新的问题存在 最后能可以考虑使用Object.prototype.toString.call(color)==="[object Array]"(toString.call(color))来判断是否为数组
三 方法
1. push就是数组尾部插入,unshift头部插入(这两个一个头部,一个尾部)
2. pop数据尾部删除,shift数组头部删除
上述4个方法操作都会改变原数组内容,长度(上边就不细说,自己敲代码练练吧)
3.详细说下slice和splice这两个我自己总是记不清楚或者说老忘记
slice可以接受一个或两个参数(start,end)开始位置和结束位置。这个方法用于从数组中截取参数,当然不改变原数组。例如:
var num=[1,2,3,4,5];
num.slice(2,4);//[3,4];
console.log(num);//[1,2,3,4,5] splice这个方法有三种使用方式(改变数组)
1.删除 两个参数 start,length 即开始位置和删除的长度
2.插入 三个参数 start,length(删除),content(要插入的内容)
3.替换(也可以叫做删除后插入)同样是三个参数
例子如下:
var num=[1,2,3,4];
var del=num.splice(0,2);// [1,2]
console.log(num);//[3,4]; var insert=num.splice(1,0,"5","6");//返回空 第二参数是0
console.log(num);//[3,5,6,4] var change=num.splice(1,1,"7","8");//[5]
console.log(num);//[3,7,8,6,4] 注意:slice影响原数组,splice不影响原数组
接下来说下es5中加入的map,forEach,filter,every,some等
这几个迭代方法包含两个参数:第一个要对数组对象操作的方法函数,第二个(可选参数)为作用域对象
方法函数可以传递三个参数:1.数组中每个对象,2在数组中的位置,3,数组对象本身(可选)。
every()返回一个真假值 主要对数组中每个对象进行判断,每个判断为true时最后 every会返回true
some() 和every差不多,不同这个是只要有一个符合条件就会返回true
map() 返回一个数组,返回每个操作函数所需要的值 组成数组
forEach()没有返回值 主要通过参数函数对数组中对象进行操作
filter()过滤器 返回true的数组(符合条件时候)
var num=[1,2,3,4,5];
num.every(function(item,index){return item>1});// false
num.some(function(item,index){return item>1});//true
num.map(function(item,index){return item*2});// [2, 4, 6, 8, 10]
num.forEach(function(item,index){console.log(item*2)});
num.filter(function(item,index){return item>2});// [3, 4, 5]
就写到这了,下班,哈哈,不对的欢迎报错哦!!!
数组那些事(slice,splice,forEach,map,filter等等)的更多相关文章
- 【原】javascript笔记之Array方法forEach&map&filter&some&every&reduce&reduceRight
做前端有多年了,看过不少技术文章,学了新的技术,但更新迭代快的大前端,庞大的知识库,很多学过就忘记了,特别在项目紧急的条件下,哪怕心中隐隐约约有学过一个方法,但会下意识的使用旧的方法去解决,多年前ES ...
- js中数组的循环与遍历forEach,map
对于前端的循环遍历我们知道有 针对js数组的forEach().map().filter().reduce()方法 针对js对象的for/in语句(for/in也能遍历数组,但不推荐) 针对jq数组/ ...
- js数组遍历some,foreach,map,filter,every对比
1. [...].some(ck)函数 ---- 某个一个为true,则为true 对数组中每个元素执行一次ck函数,知道某个元素返回true,则直接返回true.如果都返回f ...
- ES6新增的常用数组方法(forEach,map,filter,every,some)
ES6新增的常用数组方法 let arr = [1, 2, 3, 2, 1]; 一 forEach => 遍历数组 arr.forEach((v, i) => { console.log( ...
- ES5 的 forEach, map, filter, some, every 方法
1: forEacharray.forEach(callback,[ thisObject]) // 遍历数组里面的所有数字// item 是值, i 是序号, array 是整个数组 [1, 2 ...
- 处理数组的forEach map filter的兼容性
处理数组的forEach //forEach处理 if(!Array.prototype.forEach) { Array.prototype.forEach = function (callback ...
- ES6 数组方法 forEach map filter find every some reduce
1. forEach const colors = ['red', 'blue', 'green'] colors.forEach(function (params) { console.log(pa ...
- js数组方法forEach,map,filter,every,some实现
Array.prototype.map = function(fun /*, thisp*/) { var len = this.length; if (typeof fun != "fun ...
- JS中some(),every(),forEach(),map(),filter()区别
JS在1.6中为Array新增了几个方法map(),filter(),some(),every(),forEach(),也就是一共有这么多方法了. 刚开始接触这些倒也记得不是很清楚,在此纪录一下以加深 ...
随机推荐
- 组合,模板,bolck块
如果前面和后面的变量名相同,则后面的变量名会覆盖前面的变量名 模板可以多次使用,只需要将is指定template的name,就可以重复使用该模板,只需要将不同的item值赋值给data就可以实现. 可 ...
- CTF学习路线指南(附刷题练习网址)
PWN,Reverse:偏重对汇编,逆向的理解: Gypto:偏重对数学,算法的深入学习: Web:偏重对技巧沉淀,快速搜索能力的挑战: Mic:则更为复杂,所有与计算机安全挑战有关的都算在其中 常规 ...
- Dart编程判断
条件/决策构造在执行指令之前评估条件. 下表是Dart中的条件语句 序号 声明和说明 1 if 语句 一个if语句由一个布尔表达式后跟一个或多个语句. 2 If...Else 语句 一个if可以跟一个 ...
- Python获取房价信息和导出EXCEL
房价与生活息息相关,那么各地区房价情况和差别咋样呢? 可以打开网站或手机APP去查询一下,不过查看到的数据有限,很不过瘾~ 作为一个合格的程序员,要懂得用代码解决问题! 第一步:打开一个房产交易平台 ...
- 字符串匹配dp+bitset,滚动数组优化——hdu5745(经典)
bitset的经典优化,即把可行性01数组的转移代价降低 bitset的适用情况,当内层状态只和外层状态的上一个状态相关,并且内层状态的相关距离是一个固定的数,可用bitset,换言之,能用滚动数组是 ...
- CUDA并行计算 | CUDA算法效率提升关键点概述
文章目录 前言 存取效率 计算效率 性能优化要点 展现足够的并行性 优化内存访问 优化指令执行 前言 CUDA算法的效率总的来说,由存取效率和计算效率两类决定,一个好的CUDA算法必定会让两类效率 ...
- vijos1710 Mrw的工资计划
#include <iostream> #include <cstdio> #include <algorithm> #include <cstring> ...
- 秒懂机器学习---k临近算法(KNN)
秒懂机器学习---k临近算法(KNN) 一.总结 一句话总结: 弄懂原理,然后要运行实例,然后多解决问题,然后想出优化,分析优缺点,才算真的懂 1.KNN(K-Nearest Neighbor)算法的 ...
- Mybatis笔记 – Po映射类型
一.输入映射类型 parameterType定义输入到sql中的映射类型,可以是 简单类型 .po类对象(可自动生成 或 手动定义). pojo包装对象(用于综合查询,UserCustom用户自定 ...
- Linux_磁盘分区、挂载、查看
一.挂载 1.查看设备的挂载情况 lsblk或lsblk -f 2.挂载 需求 :给我们的Linux系统增加一个新的硬盘,并且挂载到/home/newdisk 说明:我们以增加一块硬盘为例来熟悉一下磁 ...