Java Script 内置对象(三) --------- Array 对象

news2025/1/11 14:46:38

判断是否为数组有两种方式,instanceof  和 Array.isArray( 参数 ),两者判断方法均为如果是数组则返回 true,不是数组则返回 **false,**其中第二个方法为H5新增加的方法

var arr=[];

var obj={};

console.log(arr instanceof Array); //true

console.log(obj instanceof Array); //false

console.log(Array.isArray(arr)); //true

console.log(Array.isArray(obj)); //false

三:数组元素的增加和删除


数组元素的增加和删除分别有两个方法,增加有 push()unshift()删除有 pop()shift(),下面对这四个方法一一讲解

**push( 参数1,参数2… ):有参数,**在数组的最后一个位置添加,参数为新添加的元素(可以为多个元素),如果返回该方法,返回值为新数组的长度

var arr=[1,2,3,4,5,6];

console.log(arr.push(7,8,9,‘小明’,‘小华’)); //返回值为新数组的长度

console.log(arr);

**unshift( 参数1,参数2…):****有参数,****在数组最前面的位置添加新元素,**参数为新添加的元素(可以为多个元素),如果返回该方法,返回值为新数组的长度

var arr=[1,2,3,4,5,6];

console.log(arr.unshift(0,‘小明’,‘小华’)); //返回值为新数组的长度

console.log(arr);

**pop():**无参数,删除数组的最后一个元素,一次只能删一个元素,数组长度减1,如果返回该方法,返回值为被删掉的元素

var arr=[1,2,3,4,5,6];

console.log(arr.pop()); //返回值为被删掉的元素

console.log(arr);

**shift():**无参数,删除数组的第一个元素,一次只能删一个元素,数组长度减1,如果返回该方法,返回值为被删掉的元素

var arr=[1,2,3,4,5,6];

console.log(arr.shift()); //返回被删掉的元素

console.log(arr);

四:筛选数组的改进


在之前学习数组时,我们经常会遇到一些筛选数组的案例,但是学习了上面的四种方法,对于这类问题又可以得到一个升华。

例如:要求我们筛选出一个数组中大于100的数,删掉小于100的数

在以前的数组基础中,我们可以得到这样的代码:

var arr=[102,98,65,152,34,99,187,256,139,74,112,35];

var newarr=[];

for(var i=0;i<arr.length;i++){

if(arr[i]>100){

newarr[newarr.length]=arr[i]; //这是我们常规的写法

}

}

console.log(newarr);

但是学过了 push() 方法,我们就可以利用此方法解决上述问题,更为直观:

var arr=[102,98,65,152,34,99,187,256,139,74,112,35];

var newarr=[];

for(var i=0;i<arr.length;i++){

if(arr[i]>100){

newarr.push(arr[i]); //改进代码,更为直观清晰

}

}

console.log(newarr);

五:数组的翻转与排序


对于数组的翻转与排序,我们都知道可以通过 for循环,冒泡排序,选择排序 来实现,但是在Array对象中,给好了方法可以直接使用,分别是反转数组的方法 reverse()排序的方法 sort()

**reverse():**无参数,数组可直接使用

var arr=[1,2,3,4,5,6,7,8,9];

console.log(arr.reverse()); //结果为9,8,7,6,5,4,3,2,1

**sort():**这个的情况略微有些复杂,如果直接使用的话只能排序数组内10以内的数,要想自定义升序排序并且不受数字大小限制,需要在该方法中写入一个函数作为参数(*固定使用牢记即可*)

升序的参数:

function(a,b){

return   a-b ;}

var arr=[1,23,46,9,68,35,7,11];

arr.sort(function(a,b){

return a-b; //返回a-b为升序

})

console.log(arr);

降序的参数:

function(a,b){

return   b-a ;}

var arr=[1,23,46,9,68,35,7,11];

arr.sort(function(a,b){

return b-a; //返回b-a为降序

})

console.log(arr);

此参数牢记即可

六:数组的元素索引


数组的索引有两种查询方式,从第一个开始查询indexOf()从最后开始查询lastIndexOf()

indexOf( 参数 ):参数为要查询的数组元素,从第一个****元素开始查找,并且返回查询到的第一个元素,如果存在的话返回该元素出现的第一次的索引位置,如果不存在返回 -1

var arr=[1,2,3,4,5,3,6];

console.log(arr.indexOf(3)); //有此元素 返回其第一个索引位置

console.log(arr.indexOf(9)); //没有此元素,返回-1

lastIndexOf( 参数 ):参数为要查询的数组元素,从最后一个****元素开始查找,并且返回查询到的第一个元素,如果存在的话返回该元素出现的第一次的索引位置,如果不存在返回 -1

var arr=[1,2,3,4,5,3,6];

console.log(arr.lastIndexOf(3)); //有此元素 返回从最后一个元素起第一次查询到的索引

console.log(arr.indexOf(9)); //无此元素,返回-1

七:数组去重案例(重点)


有这样一个案例很重要,在一个数组中有很多对相同的数组元素,我们怎么操作才能使新数组中的元素没有重复的

**大致思路:**遍历旧的数组,用旧的数组去查询新的数组,如果有这个元素就不添加进新数组,没有的话就添加进去。

但是我们怎么测能知道新数组中有没有呢,这就用到了刚才提到过的数组元素的索引如果查询不到,则返回-1,对此我们只要判断是不是-1 就可以知道新数组中有没有该元素

var arr=[1,1,2,2,3,4,5,5,5,6,4,3,6,7,9,8];

var newarr=[];

for(var i=0;i<arr.length;i++){

if(newarr.indexOf(arr[i])==-1){ //判断新元素中有没有该元素

newarr.push(arr[i]);

}

}

newarr.sort(function(a,b){ //升序排序

return a-b;

})

console.log(newarr);

八:数组转字符串


之前学过数字型转换为字符串型,我们用到了 toString() 和 St

ring() ,在数组转换为字符串时我们也有两个方法,toString()join()

**toString():**无参数

var arr=[1,2,3,4,5,6];

console.log(arr.toString());

**join( 分隔符 ):**有参数,参数为自己想要设置的分隔符

var arr=[1,2,3,4,5,6];

之前学过数字型转换为字符串型,我们用到了 toString() 和 St

[外链图片转存中…(img-0PZSHLrm-1670149245363)]

ring() ,在数组转换为字符串时我们也有两个方法,toString()join()

**toString():**无参数

var arr=[1,2,3,4,5,6];

console.log(arr.toString());

**join( 分隔符 ):**有参数,参数为自己想要设置的分隔符

var arr=[1,2,3,4,5,6];

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/61653.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

微服务入门案例

boot与cloud版本 springboot:提供了快速开发微服务的能力 springcloud提供了微服务治理的能力&#xff08;服务注册与发现、服务降级、限流、熔断、网关、负载均衡、配置中心...&#xff09;&#xff0c;为微服务开发提供了全家桶服务 springboot的版本查看地址&#xff1a;Spr…

云原生之Docker简介和环境准备

Docker简介一、主机环境二、Docker 安装三、Docker简介3.1、Docker解决的问题3.2、Docker技术边界3.3、Docker带来的改变3.4、Docker和虚拟机的区别3.5、Docker 架构图3.6、直观感受client请求server总结后言一、主机环境 &#xff08;1&#xff09;ubuntu-20.04.4-live-serve…

【torch.utils.data】 Dataset和Dataloader的解读和使用

文章目录torch.utils.data前言DatasetDataloader实践参考torch.utils.data 前言 Pytorch中的 torch.utils.data 提供了两个抽象类&#xff1a;Dataset 和 Dataloader。Dataset 允许你自定义自己的数据集&#xff0c;用来存储样本及其对应的标签。而 Dataloader 则是在 Datase…

LTspice XVII > Transformer 变压器仿真

目录 第①步设置 第②步设置 第③步设置 第④步设置 输出结果 最近在看“无线电基础电路实作修订版 [&#xff08;美&#xff09;西尔弗 著] 2014年版”这本书&#xff0c;打算好好修炼下无线电方面的基础知识&#xff0c;让自己更加牛逼一些&#xff0c;工作中偶尔可以装…

指标与标签的区别?

概述 在公司数据建设过程中&#xff0c;经常会使用和提到指标和标签&#xff0c;但是很多小伙伴对于两者的区别确不能讲清楚。实际上标签与指标一样&#xff0c;是理解数据的两种方式&#xff0c;在赋能业务上&#xff0c;两者同样重要。接下来将结合自身的理解&#xff0c;从…

Java项目:SSM共享汽车租赁平台

作者主页&#xff1a;源码空间站2022 简介&#xff1a;Java领域优质创作者、Java项目、学习资料、技术互助 文末获取源码 项目介绍 本项目分为前后台&#xff0c;前台为普通用户登录&#xff0c;后台为管理员登录&#xff1b; 管理员角色包含以下功能&#xff1a; 管理员登录…

ElementUI组件-日期时间控件设置禁用日期

ElementUI组件-日期时间控件禁用指定日期 主要属性 查看官网&#xff0c;可以看到有个叫做picker-options的组件属性&#xff0c;没错&#xff0c;就是借助他来完成禁用指定日期的操作&#xff0c;如下 该属性值传入的是一个对象&#xff0c;对于时间选择器、日期选择器、日…

[阶段4 企业开发进阶] 3. 消息队列--RabbitMQ

文章目录1 消息队列1.1 MQ的概念基本介绍使用原因MQ分类如何选择1.2 RabbitMQRabbitMQ核心工作原理安装教程1 消息队列 1.1 MQ的概念 基本介绍 MQ本质是个队列&#xff0c;FIFO 先入先出&#xff0c;只不过队列中存放的内容是 message 而已是一种跨进程的通信机制&#xff0…

[附源码]计算机毕业设计校刊投稿系统Springboot程序

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

Py之removebg:removebg的简介、安装、使用方法之详细攻略

Py之removebg&#xff1a;removebg的简介、安装、使用方法之详细攻略 目录 removebg的简介 1、官网注册获取APIKey removebg的安装 removebg的使用方法 1、直接调用并实现抠图 2、更多案例 removebg的简介 Remove Image Background&#xff0c;是一款不用PS就完成抠图的强…

每日挠头算法题(十五)螺旋矩阵II

“强大方能侠义” ------持续更新Blue Bridge杯入门系列算法实例-------- 如果你也喜欢Java和算法&#xff0c;欢迎订阅专栏共同学习交流&#xff01; 你的点赞、关注、评论、是我创作的动力&#xff01; -------希望我的文章对你有所帮助-------- 前言&#xff1a;最近可能…

【Python自学笔记】报错No module Named Wandb

【Python自学笔记】已经装了wandb&#xff0c;还报错No module Named Wandb 方法1.重启cmd和jupyter notebook 直接把窗口和cmd页面全关了&#xff0c;重新打开&#xff0c;再次运行安装和启动代码&#xff1a; !pip install wandbimport wandb wandb.init(project"你自…

【Matlab】一、解常微分方程ODE

文章目录求解常微分方程 ODE&#xff08;1&#xff09;求解解析解&#xff08;2&#xff09;求解数值解求解常微分方程 ODE ​ 在matlab中&#xff0c;我们可以求解常微分方程的解析解&#xff0c;和数值解&#xff0c;一般使用dsolve来求解常微分方程的解析解&#xff0c;使用…

jsp 上传文件及实体信息,ajax post 请求(formdata)报错400<======>前后端代码示例

Content-Type最常见的几种类型&#xff1a; 通常&#xff0c;没有声明&#xff0c;默认application/x-www-form-urlencoded application/x-www-form-urlencoded form表单默认的数据格式&#xff0c;提交的数据形式 key1val1&key2val2&#xff08;参数少&#xff09; mu…

[附源码]计算机毕业设计线上社区管理系统Springboot程序

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

〖全域运营实战白宝书 - 高转化文案速成篇③〗- 高打开率标题型文案的10大黄金法则

大家好&#xff0c;我是 哈士奇 &#xff0c;一位工作了十年的"技术混子"&#xff0c; 致力于为开发者赋能的UP主, 目前正在运营着 TFS_CLUB社区。 &#x1f4ac; 人生格言&#xff1a;优于别人,并不高贵,真正的高贵应该是优于过去的自己。&#x1f4ac; &#x1f4e…

第一期 | 整洁,从桌面开始

文章目录前言一、主要内容介绍二、文件分类&#xff0c;整理你的桌面1.网格对齐图标&#xff0c;取消自动排列2.保持工作状态&#xff0c;提取近期文件3.用好排序&#xff0c;让文件一目了然4.分类整理&#xff0c;让文件听你的话5.按照实际情况作调整三、合理归档&#xff0c;…

[附源码]JAVA毕业设计框架的企业机械设备智能管理系统的设计与实现(系统+LW)

[附源码]JAVA毕业设计框架的企业机械设备智能管理系统的设计与实现&#xff08;系统LW&#xff09; 目运行 环境项配置&#xff1a; Jdk1.8 Tomcat8.5 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支…

文献阅读-VQAR-基于计算机视觉和自然语言处理的信息检索技术综述

VQAR: Review on Information Retrieval Techniques based on Computer Vision and Natural Language Processing 标题&#xff1a;VQAR-基于计算机视觉和自然语言处理的信息检索技术综述 Authors&#xff1a;Shivangi ModiDhatri Pandya Journal&#xff1a;2019 3rd Inter…

在Docker中运行Dubbo应用,详细教程,一学就会

Dubbo概述 Dubbo是阿里开源的一个分布式服务框架&#xff0c;在国内粉丝很多。官网上的介绍是&#xff1a; DUBBO是一个分布式服务框架&#xff0c;致力于提供高性能和透明化的RPC远程服务调用方案&#xff0c;是阿里巴巴SOA服务化治理方案的核心框架&#xff0c;每天为2,000…