首页 > 其他分享 >数组处理方法总结

数组处理方法总结

时间:2022-09-24 18:25:08浏览次数:42  
标签:总结 arr console log 处理 元素 let 数组

今天遇到了一个操作数组的问题,概念有点模糊,整理一下。

some()

作用:判断是否有元素符合func条件,返回一个Boolean

不会修改原数组


const arr = [1,2,3,4]; arr.some((item)=>{return item>1})

打印结果: true

every()

作用:判断每个元素是否符合func条件,返回一个Boolean

不会修改原数组

const arr1 = [1,2,3,4]; arr.every((item)=>{return item>3});
打印结果:
false

filter()

作用:返回一个符合func条件的元素数组(es6),可以用于删除某个元素,过滤符合或不符合元素。

不会修改原数组

let ages = [33,44,55,66,77]; ages.filter((item)=>{return item>18})
打印结果[33, 44, 55, 66, 77]

map()

作用:返回一个新的array,数组元素由每一次调用函数产生结果组成,需要操作数组中的全部元素

不会修改原数组

const arr =[1,2,3,4,5,6]; arr.map((item)=>{return item*10})
打印结果 [10, 20, 30, 40, 50, 60]

shift()

作用:将第一个元素删除并且返回删除元素,空即为undefined

修改原数组

let arr = ['a', 'b', 'c', 'd']
let a = arr.shift()
console.log(a)         // a
console.log(arr)       // ['b', 'c', 'd']

unshift()

作用:向数组开头添加元素,并新数组

修改原数组

let arr = ['a', 'b', 'c', 'd']
let a = arr.unshift(0)
console.log(a)        // 5 返回数组长度
console.log(arr)      // [0, 'a', 'b', 'c', 'd']

pop()

作用:删除最后一个并返回删除的元素

修改原数组

let arr = ['a', 'b', 'c', 'd']
let a = arr.pop()
console.log(a)        // d
console.log(arr)      // ['a', 'b', 'c']

push()

作用:向数组末尾添加元素,并返回新的长度

修改原数组

let arr = ['a', 'b', 'c', 'd']
let a = arr.push('f')
console.log(a)        // 5 返回数组长度
console.log(arr)      // ['a', 'b', 'c', 'd', 'f']

reverse()

作用:颠倒数组顺序

修改原数组

let arr = ['a', 'b', 'c', 'd']
let a = arr.reverse()
console.log(a)        // ["d", "c", "b", "a"]
console.log(arr)      // ["d", "c", "b", "a"]

sort()

作用:可以根据对象内的number值,或数组进行升序或者降序排序

参考这个作者https://juejin.cn/post/6971367726401093668

修改原数组

slice()

作用:删除,增加,替换数组元素,返回被删除数组,无删除则不返回

修改原数组

删除
let arr = [1,2,3,4,5]
	arr.splice(1,3)//从第一个元素后面,删除三个元素
	alert(arr)//1,5
增加
        arr.splice(1,0,'abc')//从第一个元素后面,添加abc元素
	alert(arr)//1,abc,2,3,4,5
替换
        arr.splice(2,2,'a','b')//从第二个元素后面,添加a,b元素
	alert(arr) //1,2,a,b,5

concat()

作用:拼接数组,返回新数组

不修改原数组

let arr = ['a', 'b', 'c', 'd']
let a = arr.concat(['e', 'f'])
console.log(a)        // 新数组 ["a", "b", "c", "d", "e", "f"]
console.log(arr)      // ["a", "b", "c", "d"] 不变

join()

作用:将数组中所有元素以参数作为分隔符放入一个字符

不修改原数组

let arr = ['a', 'b', 'c', 'd']
let a = arr.join('-')
console.log(a)        // 字符串 a-b-c-d
console.log(arr)      // ["a", "b", "c", "d"] 不变

slice()

作用:提取某个元素(按索引提取)

不改变

let arr = ['a', 'b', 'c', 'd']
let a = arr.slice(1)
console.log(a)        // ["b", "c", "d"]
console.log(arr)      // ["a", "b", "c", "d"] 不变

标签:总结,arr,console,log,处理,元素,let,数组
From: https://www.cnblogs.com/xuelinomen/p/16726047.html

相关文章

  • 跟我学Python图像处理丨带你掌握傅里叶变换原理及实现
    摘要:傅里叶变换主要是将时间域上的信号转变为频率域上的信号,用来进行图像除噪、图像增强等处理。本文分享自华为云社区《[Python图像处理]二十二.Python图像傅里叶变换原......
  • 2022-2023-1 20221404 《计算机基础与程序设计》第四周学习总结
    2022-2023-120221404《计算机基础与程序设计》第X周学习总结作业信息班级链接(2022-2023-1-计算机基础与程序设计)作业要求(2022-2023-1计算机基础与程序设计第......
  • 四 Java数组
    Java数组数组的定义数组是相同类型数据的有序集合。数组描述的是相同类型的若干个数据,按照一定的先后次序排列组合而成。其中,每一个数据称作一个数组元素,每个数组元......
  • TypeScript Array数组 生成两个数组的交集,并且在数组中进行删除操作
    TypeScriptArray数组 生成两个数组的交集,并且在数组中进行删除操作 /***@methodcutArr删除数组1中,与数组2重复的数据*Arr([1,2,3,5],[2,3,4])=>[1,5......
  • 本周内容总结
    typora软件下载跟安装markdown语法使用计算机的基础知识普及编程语言讲解python解释器的下载和介绍环境变量和多版本共存运行python的三种方法pycharm下载与使用py......
  • 2022-2023-1 20221305《计算机基础与程序设计》第四周学习总结
    学期(2022-2023-1)学号(20221305)《计算机基础与程序设计》第四周学习总结作业信息这个作业属于哪个课程<班级的链接>(如2022-2023-1-计算机基础与程序设计)这个作......
  • TypeScript Array 数组 两个数组取交集
    TypeScriptArray数组两个数组取交集   //取交集  privateArrayIntersection(a,b)  {    varai=0,bi=0;    varresult=new......
  • leetcode 311场周赛总结
    1、最小偶倍数(2413)题目:给你一个正整数n,返回2和n的最小公倍数(正整数)。签到题,奇数的话就*2,偶数直接返回。classSolution{public:intsmallestEvenMultip......
  • [总结]2022.9.24 挖土机杯 CSP-J 组模拟赛 R1
    [总结]2022.9.24挖土机杯CSP-J组模拟赛R1P1赛时情况看到T1,显然是道白给。但我想了一会。依旧先把题目读完。T2有点模拟的样子,但又有点简单;T3显然dp;T4连乱搞都不会......
  • 9.24考试总结
    Ranking:100+5+9+09.24的考试除了最后一道题RE的小插曲,算是我对结果比较满意的一次了。这场考试第一题送分,第二题是考察最小生成树的性质,没做出来(其实这个性质在K......