JavaScript对数组的常见操作

遍历数组

for…of 循环
for(let item of items)循环遍历数组项

let ary = ["css", "Javascript", "Vue.js", "React.js"]for (let book of ary) {console(book)
}

Tips: 可以使用break语句跳出循环

array.forEach()循环
array.forEach()方法通过在每个数组项上调用callback来实现遍历

let ary = ["css", "Javascript", "Vue.js", "React.js"]ary.forEach((item, index) => {console.log(item, index)
})

Tips: callback函数的参数包含当前遍历项，当前索引以及数组本身，在forEach迭代器中，不能使用break语句中断当前循环。

映射创建新数组

Array.map()方法
Array.map()方法通过在数组的每一项上调用callback来创建新数组，而不会改变原有数组。

let ary = ["css", "Javascript", "Vue.js", "React.js"]let newAry = ary.map(item => item + 'new')
console.log(newAry)

Array.from()方法
Array.from()方法通过在数组每一项上调用callback来创建新数组，而不会改变原数组。

let ary = ["css", "Javascript", "Vue.js", "React.js"]let newAry = Array.from(ary, item => item + 'new')
console.log(newAry)

利用数组方法的一些技巧

删除数组的重复项

let fruils = ["banana","apple","orange","apple","orange","grape"]
let uniqueFruils = Array.from(new Set(fruils))
console.log(uniqueFruils)<!-- 或者 -->let uniqueFruils = [...new Set(fruils)]
console.log(uniqueFruils)

替换数组中的特定值

在创建数组时需要替换数组中的某些特定值，.splice(start,removeValue,addItems),修改的开始index,修改多少个,替换的项，可以传递多个

let users = ['Coro','Lili','Zhihua','Pinjing','Sxioama']
users.splice(0,2,'Lili2','Lili3')
console.log(users)

获取两个数组的交集
获取两个数组的交集部分，使用new Set(),Array.filter(),Array.includes()

let numOne = [0,2,4,5,6,8,10,10]
let numTwo = [2,4,5,12,12,8,8]
let newValues = [...new Set(numOne)].filter(item => numTwo.includes(item))
console.log(newVluse)

从数组中删除虚值
在数组中，删除包含false,0,null,NAN,’’,undefined在内的虚值。

let mixedAry = [0,false,'white',true,undefined]
let newAry = mixedAry.filter(Boolean)
console.log(newAry)

数组求和
利用reduce解决求和

let nums = [1,4,5,6,7]
let total = nums.reduce((x,y) => x + y)
console.log(total)

JavaScript对数组的常见操作相关推荐

Java 数组在内存中的存储数组的常见操作
Java虚拟机的内存划分为了提高运算效率,就对空间进行了不同区域的划分,因为每一片区域都有特定的处理数据方式和内存管理方式. JVM的内存划分: 区域名称作用寄存器给CPU使用,和我们开发无关 ...
java数组中常见操作1——遍历
所谓遍历(Traversal),字面意思是遍历就是全部走遍,到处周游的意思. 数组遍历:就是依次输出数组中的每一个元素. 注意:数组提供了一个属性length,用于获取数组的长度. 格式:数组名.le ...
关于JavaScript处理字符串的常见操作
//给定一个字符串例如:"abaasdffggghhjjkkgfddsssss3444343"; 1. 字符串的字节长度参考代码: document.write(txt.leng ...
JavaScript 中 15 种常见的数组操作
本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料.欢迎Star和完善,大家面试可以参照考点复习 ...
Java数组常见操作
Java数组常见操作文章目录 Java数组常见操作 7.0 数组的遍历 1.使用foreach循环访问数组中每个元素. 2.使用简单的for循环(多层循环嵌套)来遍历数组. 7.1 数组长度 7.2 ...
JAVA-初步认识-第五章-数组-常见操作-进制转换(查表法)
一. 数组的常见应用数组在开发中什么时候用? 举例说明: 需求:获取一个整数的十六进制表现形式(要明白十六进制的表现形式是什么样子,有数字有字母) 本来应该返回一个字符串,但是还没有学到返回字符串, ...
2021-05-05 数组、元组、字典、字符串常见操作
1 数组的应用 1.1元素的互换 a = input("请输入a:") b = input("请输入b:")print("a = %s;b = %s& ...
JavaScript对数组操作。添加/删除/截取/排序/倒序
js对数组对象的操作以及方法的使用如何声明创建一个数组对象: var arr = new Array(); 或者 var arr = []; 如何移除所有数组中数据? arrayJson.dataL ...
轻量函数式 JavaScript：八、列表操作
你在前一章闭包/对象的兔子洞中玩儿的开心吗?欢迎回来! 如果你能做很赞的事情,那就反复做. 我们在本书先前的部分已经看到了对一些工具的简要引用,现在我们要非常仔细地看看它们,它们是 map(..).f ...

JavaScript对数组的常见操作

JavaScript对数组的常见操作相关推荐

最新文章

热门文章