JavaScript数组详细归纳
目录
- 一、数组归纳
- 1. 字符串拆分为数组
- 2. 将集合和映射转换为新数组
- 3. 对现有数组进行浅复制
- 4. arguments 对象轻松转换为数组
- 5. 转换自定义对象
- 二、迭代器方法
- 三、数组常用操作方法
一、数组归纳
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 = https://www.it610.com/article/{"username": "ys","age": "22","gender":"计科1902","className":"3班","id":6}person.splice(1,1,newData) // 这里是替换的使用
文章图片
【JavaScript数组详细归纳】到此这篇关于
JavaScript数组详细归纳的文章就介绍到这了,更多相关JavaScript数组内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！推荐阅读
- 事件代理
- 数组常用方法一
- Java|Java基础——数组
- JS常见数组操作补充
- JS|JS 数组求和与数组求平均值
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 超帅的js数组去重
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法