前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Array 数组的几种排序方法与常用添加数组元素方法

Array 数组的几种排序方法与常用添加数组元素方法

作者头像
姜姜178
发布于 2022-11-18 05:44:57
发布于 2022-11-18 05:44:57
65000
代码可运行
举报
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        let arr =[1,3,5,7,9,2,4,6,8];
        //在数组末尾添加追加元素
        arr.push(77)
        arr.push(78)
       //删除数组末尾的元素
        arr.pop()
        //在数组开头添加元素(下标0)
        arr.unshift(5);
        //删除指定的元素 第一个参数是删除元素的下标 第二个元素是删除的元素数量
        arr.splice(0,1);
        console.log(arr);
        //拼接数组
        let arr3 = ["g","j"];
        let arr1 =  ["a", "c", "b", "d"];
        let arr2 = arr1.concat(arr3);
        //查看该元素首次出现的位置
        console.log(arr2.indexOf("a"));
        //给数组排序 升序
        let arr4 = [1,2,5,8,4,3];
        arr4.sort()
        
        console.log(arr4);
        //给数组排序 通过上方升序排序 反转实现降序
        arr4.reverse()
        console.log(arr4);

        let arr5=[];
        arr5.push({name:"李四1",age:18,sex:"男"})
        arr5.push({name:"李四2",age:10,sex:"女"})
        arr5.push({name:"李四3",age:50,sex:"男"})
        //可以通过自己制定排序规则 如下 age年龄的排序
        arr5.sort((v1,v2) =>{
            return v1.age -v2.age;
        });
        console.log(arr5);

        //查找出满足第条件的第一条语句
        let arr6 =arr5.find((item) => {
            return item.age>=18 && item.sex ==="男"
        })
        console.log(arr6);
        //filter 为过滤器 如下 通过检索sex 过滤了性别为"女"的元素
        let arr7 =arr5.filter((item) => {
            return item.age>=18 && item.sex ==="男"
        })
        console.log(arr7);
    </script>
</head>
<body>
     
</body>
</html>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-04-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
数组的方法整理
shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined
xyzzz
2021/01/17
6550
一、前端基础-JavaScript-ECMA下的array对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 创建数组对象 1、定义变量 2、实例化对象 --> <script> //定义变量 var arr1=[1,2,3,4,5]; //实例化对象 var arr2= new Array(1,2,3,4,5); //创建空数组
堕落飞鸟
2022/02/15
2640
js的sort排序方法_sort对象排序
sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。
全栈程序员站长
2022/09/21
2.7K0
Javascript设置广告和时间表和数组的学习
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title></title> 5 </head> 6 <body> 7 <hr>
别先生
2017/12/29
9280
Javascript设置广告和时间表和数组的学习
收藏好了,JS开发须知道的41个小技巧
链接:https://juejin.im/post/6854573212890562573
coder_koala
2020/11/10
5730
收藏好了,JS开发须知道的41个小技巧
JavaScript数组创建及常见方法汇总(修订版)
插入:可以向指定位置插入任意数量的元素,需要提供3个参数:起始位置、0(要删除的元素数量)、插入的元素
用户1272076
2019/03/26
4120
JS开发必须知道的41个技巧【持续更新】
JS是前端的核心,但有些使用技巧你还不一定知道; 本文梳理了JS的41个技巧,帮助大家提高JS的使用技巧; 文章有点长,可以clone下源码,直接撸,源码地址请戳全部源码,原创不易,欢迎star; 序列文章: Vue 开发必须知道的 36 个技巧 React 开发必须知道的 34 个技巧
火狼1
2020/07/21
8440
JavaScript 数据结构与算法之美 - 栈内存与堆内存 、浅拷贝与深拷贝
栈内存与堆内存 、浅拷贝与深拷贝,可以说是前端程序员的内功,要知其然,知其所以然。
夜尽天明
2019/07/10
6770
JavaScript 数据结构与算法之美 - 栈内存与堆内存 、浅拷贝与深拷贝
Js Array对象
1、该类数组对象必须具有length属性,用于指定数组的长度。如果没有length属性,那么转换后的数组是一个空数组。
hss
2022/02/25
8K0
说一说 Javascript 中的数组之一
所谓数组(英语:Array),是有序的元素序列。 若将有限个类型相同的变量的集合命名,那么这个名称为数组名。 组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。    ---百度百科
六小登登
2022/05/10
2010
说一说 Javascript 中的数组之一
盘盘项目中你常用到的数组API
数组在业务中是一个非常高频的API,在业务中基本都有用它,必不可少,本文是笔者一篇关于数组常用API的总结,希望看完在项目中有所帮助。
Maic
2022/12/21
5770
盘盘项目中你常用到的数组API
JavaScript 深拷贝和浅拷贝
在 JavaScript 引用数据类型中,变量保存的是一个指向堆内存的指针,当需要访问引用类型(如对象,数组等)的值时,首先从栈中获得该对象的地址指针,然后再从堆内存中取得所需的数据。
李振
2021/11/26
3150
JavaScript(ES6之前)数组方法总结
默认按升序排列数组项,排序时会调用每个数组项的 toString() 转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数值, sort() 方法比较的也是字符串,因此会出现以下的这种情况
Leophen
2019/08/23
5020
JavaScript(ES6之前)数组方法总结
分享一些常用的 JS 基础面试题
此篇属于前端算法入门系列的第一篇,主要介绍常用的数组方法、字符串方法、遍历方法、高阶函数、正则表达式以及相关数学知识。
前端达人
2022/06/09
7400
JS中数组(Array)和字典(Map)的常用方法和属性
indexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的开头(位置 0)开始向后查找。
geekfly
2022/04/24
4.4K0
JS中数组(Array)和字典(Map)的常用方法和属性
Javascript数组系列一之栈与队列
所谓数组(英语:Array),是有序的元素序列。 若将有限个类型相同的变量的集合命名,那么这个名称为数组名。 组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。 ---百度百科
六小登登
2018/09/15
6570
前端学习(40)~js学习(十七):数组的常见方法&数组的遍历
unshift():在数组最前面插入一个或多个元素,返回结果为该数组新的长度。插入元素后,其他元素的索引会依次调整。
Vincent-yuan
2020/03/19
1.9K0
JS的数据类型/判断方法/栈与堆/深浅拷贝
用来检测:undefined、string、number、boolean、symbol、object、function 无法检测引用类型里的Array
杨肆月
2019/08/20
1.5K0
JS的数据类型/判断方法/栈与堆/深浅拷贝
java中数组遍历的三种方式
通常遍历数组都是使用for循环来实现。遍历一维数组很简单,遍历二维数组需要使用双层for循环,通过数组的length属性可获得数组的长度。
全栈程序员站长
2022/09/05
1.5K0
22个超详细的 JS 数组方法
https://juejin.cn/post/6907109642917117965
前端达人
2021/01/27
3.9K0
相关推荐
数组的方法整理
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验