返回顶部
首页 > 资讯 > 前端开发 > JavaScript >一起来了解javascript数组的方法
  • 212
分享到

一起来了解javascript数组的方法

2024-04-02 19:04:59 212人浏览 薄情痞子
摘要

目录1、push2、pop3、unshift()4、shift()5、concat()6、reverse()7、sort()8、join()9、slice()10

1、push

在数组末尾添加一个或者多个元素

		var arr = [1,2,3,4];
        arr.push(5);
        console.log(arr);// [1, 2, 3, 4, 5]
        arr.push(6,7);
        console.log(arr);//[1, 2, 3, 4, 5, 6, 7]

2、pop

数组末尾删除一个,并返回删除的元素

		var arr = [1,2,3,4];		
		console.log(arr.pop());// 4
        console.log(arr); // [1,2,3]

3、unshift()

数组头部添加一个或者多个元素,返回添加后的数组长度

var arr = [4,5,6,7];arr.unshift(2,3)        console.log(arr); // [2, 3, 4, 5, 6, 7]        arr.unshift(1)        console.log(arr); // [1, 2, 3, 4, 5, 6, 7]		var arr = [4,5,6,7];
		arr.unshift(2,3)
        console.log(arr); // [2, 3, 4, 5, 6, 7]
        arr.unshift(1)
        console.log(arr); // [1, 2, 3, 4, 5, 6, 7]

4、shift()

头部删除一个元素,返回这个被删除的元素

		var arr = [4,5,6,7];
		console.log(arr.shift()); //4
        console.log(arr); //[5, 6, 7]

5、concat()

数组合并, 不会改变原数组

		var abb = [1,2,3]
        var arr = [4,5,6,7];
        console.log(abb.concat(arr)); // [1, 2, 3, 4, 5, 6, 7]

6、reverse()

数组翻转、会改变原数组

		var arr = [1,2,3];
		console.log(arr.reverse()); // [3, 2, 1]
        console.log(arr); // [3, 2, 1]

7、sort( )

对数组进行从小到大的排序、会改变原数组

        var arr = [1,3,8,2,5]
		console.log(arr.sort()); // [1, 2, 3, 5, 8] 默认是从小到大排序
		arr.sort(function fn(a,b){ // 升序
            return a-b
        })
        console.log(arr); // [1, 2, 3, 5, 8]
        arr.sort(function fn(a,b){ // 降序
            return b-a
        })
        console.log(arr); // [8, 5, 3, 2, 1]

8、join()

把数组转换为字符串、不会改变原数组

		var arr = [1,2,3,4,5]
        console.log(arr.join()); // 1,2,3,4,5  默认是以逗号分割
        console.log(arr.join('-')); // 1-2-3-4-5 可以在括号内定义用什么分割
        console.log(arr); // [1, 2, 3, 4, 5]

9、slice()

数组截取、不会改变原数组

        console.log(arr.slice(4)); // [5] 从下标为4的位置开始到最后一个结束 
        console.log(arr.slice(2,4));// [3, 4] 从下标为2的位置开始到4结束、但不包括下标为4 的值
        console.log(arr); // [1, 2, 3, 4, 5]

10、splice()

删除、插入、会改变原数组

        var arr = [1,2,3,4,5,6,7]
        // 删除
        console.log(arr.splice()); // [] 没穿参数返回空数组
        console.log(arr.splice(4)); //  [5, 6, 7] 从下标4开始删除到末尾,返回被删除的值
        console.log(arr.splice(4,2));// [5, 6] 第二个参数是删除多少
        console.log(arr);
		// 插入
		// 第一个参数是从什么位置开始,第二个是移除几个,第三个以后是添加的内容
		console.log(arr.splice(1,0,3));// [] 返回空数组
        console.log(arr); // [1, 3, 2, 3, 4, 5, 6, 7] 
        console.log(arr.splice(1,0,3,4));// [1, 3, 4, 2, 3, 4, 5, 6, 7]

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容! 

--结束END--

本文标题: 一起来了解javascript数组的方法

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

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

猜你喜欢
  • 一起来了解javascript数组的方法
    目录1、push2、pop3、unshift()4、shift()5、concat()6、reverse()7、sort()8、join()9、slice()10...
    99+
    2024-04-02
  • 一起来了解JavaScript面向对象
    目录JavaScript原型链Object的原型顶层原型创建Object对象的内存图Object是所有类的父类原型链实现继承借用构造函数实现继承总结JavaScript原型链 每一个...
    99+
    2024-04-02
  • 一起来了解JavaScript的变量作用域
    目录1.变量作用域的分析2.var关键字3.let和const关键字4.var、let和const的对比总结1.变量作用域的分析 首先,我们先研究一下JavaScript的变量作用域...
    99+
    2024-04-02
  • 一起来了解mysql数据库
    目录一、数据库是什么?二、数据库的分类?三、数据库和数据结构的区别四、MySQL数据库的介绍4.1 MySQL数据库的组成4.2 MySQL服务器的介绍4.3 MySQL数据库的数据...
    99+
    2024-04-02
  • JavaScript的防抖和节流一起来了解下
    目录1. 前言2. 函数防抖(debounce)延迟防抖前缘防抖防抖函数实现总结3. 函数节流(throttling)延迟节流前缘节流节流函数实现总结4. 两者区别5. 应用场景总结...
    99+
    2024-04-02
  • 一起来了解React的Hook
    目录StateHook声明多个state变量那么,什么是HookEffectHookHook使用规则自定义Hook其他Hook总结State Hook 这个例子用来显示一个计数器。当...
    99+
    2024-04-02
  • 一起来了解c语言的str函数
    目录strlen:strcmp:strcpy:strcat:strstr:atoi:总结strlen: 用于求字符串长度,从首字符开始,到'\0'结束,'\0...
    99+
    2024-04-02
  • 一起来了解python的运算符
    目录1、算数运算符2、比较运算符3、赋值运算符4、成员运算符实例5、身份运算符实例6、逻辑运算符实例逻辑短路逻辑优先级7、位运算符按位与按位或按位非按位异或右移左移8.运算符的优先级...
    99+
    2024-04-02
  • 一起来了解一下C++中的指针
    目录1指针的基本概念2指针变量的定义和使用3指针所占内存空间4空指针和野指针5const修饰指针6指针和数组7指针和函数8指针、数组、函数总结1 指针的基本概念 作用:可以通过指针间...
    99+
    2024-04-02
  • 一起来学习JavaScript的语法基础
    目录1、输入输入语句2、变量变量语法扩展变量命名规范3、数据类型3.1 基本数据类型3.2 获取变量数据类型3.3 数据类型转换4、运算符算术运算符递增和递减运算符比较运算符逻辑运算...
    99+
    2024-04-02
  • 一起来了解一下C++的结构体 struct
    目录struct 结构体占用空间与类的区别访问控制权限主要用途c结构体实现虚函数的功能总结struct 结构体 占用空间 在C++ 中空结构体占1个字节 struct Temp{};...
    99+
    2024-04-02
  • 一起来看看JavaScript数据类型最详解
    目录01-变量的数据类型02-简单数据类型之数字型Number03-isNaN04-简单数据类型之字符串型05-转义符案例-弹出网页警示框06-字符串拼接07-字符串拼接加强08-显...
    99+
    2024-04-02
  • 一起来了解Java的File类和IO流
    目录1.IO流介绍IO流体系结构2.Java中流的分2.1按流向分:2.2按数据传输单位分:2.3按功能分:3.File类介绍3.1file类的作用3.2file类构造函数3.3绝对...
    99+
    2024-04-02
  • 一起来了解python的if流程控制
    目录1、流程控制和分支结构流程控制分支结构2、if的单分支结构3、if的双分支结构4、if的多分支结构5、巢状分支总结1、流程控制和分支结构 流程控制 概念: 流程:代码执行的过程...
    99+
    2024-04-02
  • 你了解PHP中的数据类型吗?一起来学习!
    PHP是一种广泛应用于Web开发的编程语言,它支持多种数据类型。在使用PHP进行开发时,了解和正确使用不同的数据类型是非常重要的。本文将详细介绍PHP中的数据类型,并提供一些演示代码。 布尔型(Boolean) 布尔型表示两个状态:tr...
    99+
    2023-07-09
    数据类型 学习笔记 http
  • Python进程间的通信一起来了解下
    目录通信方式Queue介绍:生产者和消费者模型为什么要使用生产者和消费者模式什么是生产者消费者模式实现方式一:Queue实现方式二:利用JoinableQueue总结通信方式 进程彼...
    99+
    2024-04-02
  • 一起来学习JavaScript的BOM操作
    目录window对象全局作用域常见事件调节窗口大小定时器setTimeoutthis指向问题location对象转跳页面location常见方法总结window对象 BOM的核心对象...
    99+
    2024-04-02
  • 创建一个JavaScript数组的方法
    这篇文章主要介绍“创建一个JavaScript数组的方法”,在日常操作中,相信很多人在创建一个JavaScript数组的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”创建...
    99+
    2024-04-02
  • 一起来学习一下JavaScript的事件流
    目录1. 什么是事件流?2. 事件流模型2.1)事件冒泡2.2)事件捕获3. DOM事件流总结1. 什么是事件流 ? 在学习事件流之前我们先看...
    99+
    2024-04-02
  • 一起来学习Vue的组件化
    目录背景定义分类优势首屏加载优化组件之间的关系总体上可以分为两大类:常见使用场景可以分为三类:总结说起组件化,我毕设写的就是和组件化相关的。 当时还拿了优,运气! 话不多说,直接...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作