返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript数组详细归纳
  • 397
分享到

JavaScript数组详细归纳

2024-04-02 19:04:59 397人浏览 八月长安
摘要

目录一、数组归纳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 = {"username": "ys","age": "22","gender":"计科1902","className":"3班","id":6}

    person.splice(1,1,newData) // 这里是替换的使用 

到此这篇关于javascript数组详细归纳的文章就介绍到这了,更多相关JavaScript数组内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript数组详细归纳

本文链接: https://lsjlt.com/news/136204.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript数组详细归纳
    目录一、数组归纳1. 字符串拆分为数组2. 将集合和映射转换为新数组3. 对现有数组进行浅复制4. arguments 对象轻松转换为数组5. 转换自定义对象二、迭代器方法三、数组常...
    99+
    2024-04-02
  • Java数组归纳总结
    目录一、一维数组1.创建方法2.初始化数组(一维数组)二、二维数组1.创建方法2.初始化二维数组三、遍历数组四、替换元素五、数组排序六、数组拷贝七、元素查询八、排序算法1.冒泡排序2...
    99+
    2024-04-02
  • MySQL约束和事务知识点详细归纳
    目录一、mysql 约束1、主键 primary key2、not null 3、unique4、外键 foreign key5、check二、MySQL应用1、自增长2、MySQL索引3、MySQL...
    99+
    2023-04-12
    mysql的约束语句 MySQL约束 mysql事务是什么
  • React 高阶组件HOC用法归纳
    一句话介绍HOC 何为高阶组件(HOC),根据官方文档的解释:“高阶组件是react中复用组件逻辑的一项高级技术。它不属于react API的组成部分,它是从react自身组合性质...
    99+
    2024-04-02
  • C++ 递归函数在数学归纳法中的应用?
    数学归纳法通过递归函数在 c++++ 中得以实现,通过证明基本情况和归纳步骤,即可证明给定的命题对所有自然数成立。例如,上述代码证明了“所有自然数 n,n^2 + n + 41 是素数”...
    99+
    2024-04-19
    c++ 递归
  • java springmvc乱码解决归纳整理详解
    springmvc的中文乱码问题主要有以下几种情形:页面传值到后台:    工程编码(最后一开始建立工程就设置整个工程的编码)    页面的几种编码属性的设置    get提交方式乱码的处理    post提交方式乱码的处理后台到数据库乱码...
    99+
    2023-05-31
    java springmvc 乱码
  • Javascript数组的 forEach 方法详细介绍
    目录前言使用forEach注意事项前言 在JavaScript 中数组的遍历 有很多中方法, 其中有一种 使用 foreach 来遍历数组。 mdn官方文档 语法: arr.forE...
    99+
    2024-04-02
  • Javascript数组的 splice 方法详细介绍
    目录前言牛刀小试删除元素添加元素 并且替换元素example1example2example3example4添加元素example1example2负数索引支持总结前言 splic...
    99+
    2024-04-02
  • Python数据分析学习文章归纳
    链客,专为开发者而生,有问必答! 此文章来自区块链技术社区,未经允许拒绝转载。 数据分析如何入门学习How do I learn data analysis with Python 虽然是英文的,不过看一遍很大收获(可以用百度翻译看一下)...
    99+
    2023-01-31
    归纳 数据 文章
  • JavaScript递归详述
    目录一、什么是递归?二、利用递归求数学题1、求1 * 2 * 3 * 4 …*n的阶乘2、 求斐波那契数列三、利用递归求对应数据对象一、什么是递归? 如果一个函数在内部...
    99+
    2024-04-02
  • 一篇文章带你详细了解JavaScript数组
    目录一、数组的作用:二、数组的定义:1.通过构造函数创建数组2.通过字面量的方式创建数组三、数组元素四、数组长度五、数组索引(下标)六、数组注意的问题1.数组中存储的数据可以是不一样...
    99+
    2024-04-02
  • 数据库基本操作语法归纳总结
    关系型数据库:以表作为实体,以主键和外键关系作为联系的一种数据结构。主键:在关系型数据库中,用一个唯一的标识符来标志每一行,这个标识符就是主键。主键有两个特点:非空和不能重复。外键:在关系型数据库中,外键就是用来表达表与表之间的关系、联系,...
    99+
    2023-05-31
    数据库 语法
  • JavaScript中运算符与数组扩展详细讲解
    目录运算符扩展运算符指数运算符链判断运算符Null判断运算符逻辑赋值运算符数组扩展方法Array.from()Array.of()copyWithin()find()fill()fl...
    99+
    2022-11-13
    JS运算符与数组扩展 JS数组扩展 JS运算符
  • 归纳总结Remix 表单常用方法及示例详解
    目录Remix 的三种表单回顾表单基础表单提交的形式阻止跳转Remix 提供的表单组件一个简单的 demo使用钩子函数提交函数Remix fetcher 表单一个简单的 demo没有...
    99+
    2023-03-24
    remix 表单用法归纳 Remix 表单常用方法
  • C++ 函数递归详解:递归求解组合问题
    递归是一种用于解决组合问题的函数调用自身的方法。算法步骤包括基线条件(当需要选择的元素数量为 0 时返回空集合)和递归步骤(枚举所有可能的组合,并附加当前元素)。实战案例中,使用递归函数...
    99+
    2024-05-01
    c++ 递归
  • javascript中链表和数组的详细介绍和使用
    这篇文章主要讲解了“javascript中链表和数组的详细介绍和使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript中链表和数组的详细介绍...
    99+
    2024-04-02
  • JavaScript函数的详细介绍
    本篇内容主要讲解“JavaScript函数的详细介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript函数的详细介绍”吧!一、函数语法一个Jav...
    99+
    2024-04-02
  • 解读费布纳契数列:非递归与记忆递归的计时比较
    一分耕耘,一分收获!既然打开了这篇文章《解读费布纳契数列:非递归与记忆递归的计时比较》,就坚持看下去吧!文中内容包含等等知识点...希望你能在阅读本文后,能真真实实学到知识或者帮你解决心中的疑惑,也...
    99+
    2024-04-05
  • PHP Array 数组详细介绍
    目录前言语法定义数组 array()用方括号的语法新建/修改数组解包实用函数转换为数组前言 PHP 中的 array 实际上是一个有序映射。映射是一种把 values 关联到 key...
    99+
    2024-04-02
  • JavaScript 数组去重详解
    目录1.数组去重2.数组去重里面的对象去重3.根据数组某个字段相同,修改另外字段值总结1.数组去重 var obj = ['麒麟','社','CC'...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作