美文网首页
遍历数组的方法

遍历数组的方法

作者: 我写的代码绝对没有问题 | 来源:发表于2021-04-14 14:29 被阅读0次
  • trim()
    去除字符串的头尾空格

  • toLocaleLowerCase()
    将字符串转换为小写

  • split()
    用于把一个字符串分割成字符串数组

"2:3:4:5".split(":")    
//返回["2", "3", "4", "5"]
  • join()
    用于把数组中的所有元素放入一个字符串。

  • toString()
    可把一个 Number 对象转换为一个字符串,并返回结果

join和toString的区别:
[1,2,3].join("")
//返回"123"
[1,2,3].toString("")
//返回"1,2,3"

使用join(',')和toString()效果是一样的

遍历数组的多种方法

推荐阅读的好文:https://juejin.cn/post/6844903870154588168
JS中some(),every(),forEach(),map(),filter()区别

forEach()没有返回值,只是针对每个元素调用func
forEach():对数组进行遍历循环,对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型,默认有传参,参数分别为:遍历的数组内容;第对应的数组索引,数组本身。

map()返回一个新的Array
map():指“映射”,对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

filter()返回一个符合func条件的元素数组
filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组。

var arr=[1,3,5,8];
arr.filter(function(x){
return  x<=5;
})
结果输出:[1,3,5]
var mapResult = kvArray.map((v,i)=>{
 
    return v.value = v.value + 's'
 
})
 
console.log(mapResult) // ['10s', '20s', '30s' ]
 
  
 
var filterResult = kvArray.filter((v,i)=>{
 
    return v.value = v.value + 's'
 
})
 
console.log(filterResult) //[ { key: 1, value: '10ss' },{ key: 3, value: '20ss' },{ key: 2, value: '30ss' } ]
 
//map将返回值组装成一个数组
 
//filter返回的也是一个数组,但是返回的数组结构与原数组结构一致,可以说返回的数组是基于原数组的

every()返回一个boolean
every():判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。

some()返回一个boolean
some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。

相关文章

  • JavaScript迭代

    遍历对象 方法1 方法2 遍历数组 方法1 方法2 方法3 map数组 filter数组 reduce数组 找到某...

  • JavaScript数组:数组遍历

    数组遍历数组遍历方法:forEach,every,some,map,filter方法。 forEach:为数组中的...

  • 数组基础

    数组基础 新建数组 数组方法和属性 数组常用方法 数组的遍历方法

  • JS 数组循环遍历方法的对比

    JS 数组循环遍历方法的对比 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行...

  • 数组的遍历一:遍历次数的对比

    数组遍历 前言 数组的遍历方法有很多, 哪一种比较好呢?不同的遍历方法之间性能有差异吗?哪些方法可以提前退出遍历呢...

  • 遍历数组和字典

    快速遍历方法 遍历数组 For-in 遍历字典 enumerateKeysAndObjectsUsingBlo...

  • 聊一聊数组的map、reduce、foreach等方法

    聊聊数组遍历方法 JS 数组的遍历方法有好几个: every some filter foreach map re...

  • JS入门之数组(下)

    三、数组的遍历方法 Array.forEach() (遍历)从头到尾遍历数组(只能通过try/catch终止循环)...

  • trim()方法 map()方法 each()方法

    trim()方法 each()和map()方法遍历数组 可以遍历伪数组两种方法的不同点1.each静态方法默认返回...

  • 伪数组

    伪数组(类数组):无法直接调用数组方法或期望 length 属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历...

网友评论

      本文标题:遍历数组的方法

      本文链接:https://www.haomeiwen.com/subject/tljklltx.html