JavaScript数组详细归纳
更新时间：2021年09月18日 15:43:37 作者：Java精品学习
JavaScript 数组用于在单一变量中存储多个值，数组是一种特殊的变量，它能够一次存放一个以上的值。下面文章小编就来详细归纳一下JavaScript数组,需要的朋友可以参考一下
一、数组归纳
1. 字符串拆分为数组
console.log(Array.form("red")) // ["r", "e", "d"]
2. 将集合和映射转换为新数组
const a1 = new Map().set("name","张三").set("age",18)
console.log(Array.from(a1)) // [["name","张三"], ["age",18]
3. 对现有数组进行浅复制
const a1 = [
{
name: "小明",
age: 18,
gender: "男"
},
{
name: "小明",
age: 18,
gender: "男"
}]
const a2 = Array.from(a1)
console.log(a2)
运行结果：
4. arguments 对象轻松转换为数组
function argumentArray() {
console.log(Array.from(arguments)) // [1, 2, 3, 4]
}
argumentArray(1, 2, 3, 4)
5. 转换自定义对象
let arrayLike = {
0: '张三',
1: '18',
2: '男',
3: ['猜猜', '是哪'],
'length': 4
}
let arr = Array.from(arrayLike);
console.log(arr);
运行结果：
Array.of(参数) 将将参数转换为数组
Array.of(1, 2, 3, 4) // [1, 2, 3, 4]
二、迭代器方法
Array 的原型上有三个用于检索数组的方法：keys()、values()、entries()
Array.of(1, 2, 3, 4) // [1, 2, 3, 4]
let user = [
{
name: "张三",
age: 18,
gender: "男"
},
{
name: "李四",
age: 19,
gender: "女"
},
{
name: "王五",
age: 20,
gender: "女"
}
]
首先使用user.key()，遍历返回数组索引
console.log(Array.from(user.keys())) // [0, 1, 2]
user.values()，遍历返回数组元素
console.log(Array.from(user.values()))
user.entries()，遍历返回索引 / 值对
console.log(Array.from(user.entries()))
三、数组常用操作方法
slice(stratIndex，endIndex)
- 若参数全满，返回从开始索引到结束索引的所有元素；
- 若只有一个参数，返回从开始索引到结束索引的对应元素。
splice(startIndex, length, new1, new2....)
- 用于删除、替换或者插入
let newData = {"username": "ys","age": "22","gender":"计科1902","className":"3班","id":6}
person.splice(1,1,newData) // 这里是替换的使用
到此这篇关于JavaScript数组详细归纳的文章就介绍到这了,更多相关JavaScript数组内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
今天小编就为大家分享一篇关于使用Sonarqube扫描Javascript代码的示例，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2018-12-12
这篇文章主要为大家介绍了前端工程化cjs umd esm 打包差异详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了微信小程序 摇一摇抽奖简单实例实现代码的相关资料,这里实现摇一摇抽奖的功能，需要的朋友可以参考下2017-01-01
这篇文章主要介绍了微信小程序form组件详细介绍的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家介绍了vscode工具函数Symbol使用深入解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了微信小程序scroll-view组件详细介绍的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家介绍了Promise静态四兄弟实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
颜色选择: ColorMatch 5K...2006-12-12
这篇文章主要为大家介绍了JS前端模拟Excel条件格式实现数据条效果，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
DOM，即文档对象模型，前端开发工程师必学的基础知识，在本文将介绍如何在 HTML 文档中选择元素、如何创建元素、如何更改内联 CSS 样式以及如何监听事件,需要的朋友可以参考一下2021-10-10
最新评论