js中的数组使用及常见属性方法

目录

数组概念

数组创建方法

数组的length属性

数组的遍历的使用

JavaScript 常用数组方法

concat

typeof

split

length

charAt

indexOf

substring

push

pop

join


数组概念

 数组对象的作用是:使用单独的变量名来存储一系列的值。

数组创建方法

    构造函数的方法
      var arr = new Array()
      var arr = new Array(5)
      var arr = new Array("嘻嘻")
    字面量的方法
      var arr = [];
      var arr = ["aa","bb"];

数组的length属性

 1.length:表示数组的长度,就是数组中元素的个数。
 2.索引:也叫做下标,是数组中元素的序号,从0开始,最大下标是数组的长度-1;
    使用方式: 数组名[下标];

数组的遍历的使用

第一种

for(let i=0;i<arry.length;i++){

    alert(arry[i])

第二种

var arry=["zhangsan","lisi","wagwu","laoliu"];

for(const index in arry){

    alert(arry[index]);

}

JavaScript 常用数组方法

concat

concat()方法用于合并两个或多个数组
此方法不会更改现有数组,而是返回一个新数组
返回值:新的Array实例

代码示例

    <script>
        <!--    语法-->
         array.concat('值','值')

        // 示例
        const arry=["zhangsan","lisi","wagwu","laoliu"];
        const arry1=['a','s','f','z']
        const arry2= arry.concat(arry1)

        document.write(arry2)

    </script>

运行结果如下

typeof

// typeof 测试数据类型
var nametype=typeof (name);

代码示例

 var name='伊利';
    var nametype=typeof (name);

    var avg=18;
    var avgtype=typeof (avg);

    var dou=18.1;
    var doutype=typeof (dou);

    var char='男';
    var chartype=typeof (char)

    var nul=null
    var nultype=typeof (nul);

    var bool=true;
    var booltrype=typeof (bool);

运行结果

split

split分割字符

示例代码

    var str='今天天  气冷死了!';

var arr=str.split(' ');
document.write("<br>"+arr[0]+"---"+arr[1])

运行结果

length

获取字符串的长度

代码示例

 var str='今天天  气冷死了!';

document.write(str.length+"<br>");//字符串的长度

运行结果

        

charAt

charAt获得指定位置的字符

代码示例

var str='今天天 气冷死了!';

document.write(str.charAt(2)+"<br>")//获得指定位置的字符

运行结果

indexOf

indexOf获得字符位置,空格也算

代码示例

var str='今天天 气冷死了!';

document.write(str.indexOf('冷')+"<br>")//获得字符位置

运行结果

substring

substring截取字符,包头不包尾

var str='今天天 气冷死了!';

document.write(str.substring(1,3)+"<br>")//截取字符,包头不包尾

运行结果

push

push()方法将一个或多个元素添加到数组的末尾

代码示例

  var arry=["zhangsan","lisi","wagwu","laoliu"];
        arry.push('aaa','vvvv')
        document.write(arry)

运行结果

pop

pop()方法从数组中删除最后一个元素,并返回该元素的值。
此方法会更改数组的长度。
返回值:从数组中删除的元素

代码示例

     var arry=["zhangsan","lisi","wagwu","laoliu"];
        arry.pop()
        document.write(arry)

运行结果

join

join()方法将一个数组(或一个 类数组对象)的所有元素连接成一个字符串并返回这个字符串,用逗号或指定的分隔符字符串分隔。
  var arr=[1,2,3,4,5];      
  var str=arr.join('-');
        console.log(str)
console.log('-------------------')

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Matplotlib_4.文字图例尽眉目

文章目录 一、Figure和Axes上的文本1.text2.title和set_title3.figtext和text4.suptitle5.xlabel和ylabel6.annotate7.字体的属性设置 二、Tick上的文本1.简单模式2.Tick Locators and Formatters 三、legend&#xff08;图例&#xff09; 一、Figure和Axes上的文本 Matplotli…

面试官:说说JVM内存整体结构?

Java JVM内存结构的面试常问知识 说说JVM内存整体的结构&#xff1f;线程私有还是共享的&#xff1f; JVM 整体架构&#xff0c;中间部分就是 Java 虚拟机定义的各种运行时数据区域。 ​ Java 虚拟机定义了若干种程序运行期间会使用到的运行时数据区&#xff0c;其中有一些会…

《深入理解Java虚拟机(第三版)》读书笔记:Java内存区域与内存溢出异常、垃圾收集器与内存分配策略

下文是阅读《深入理解Java虚拟机&#xff08;第3版&#xff09;》这本书的读书笔记&#xff0c;如有侵权&#xff0c;请联系删除。 文章目录 第2章 Java内存区域与内存溢出异常2.2 运行时数据区域2.3 HotSpot虚拟机对象探秘 第3章 垃圾收集器与内存分配策略3.2 对象已死&…

网络安全专家 Mikko Hyppönen 对 2024 年的五大 AI 网络威胁发出警告

在网络安全前线战斗了数十年的 Mikko Hyppnen&#xff0c;这位 54 岁的专家最近在一次视频通话中向 TNW 透露了他对 2024 年最令人担忧的五大人工智能&#xff08;AI&#xff09;网络威胁。这些威胁并没有特定的顺序&#xff0c;尽管其中有一个是导致他最为失眠的。 深度伪造&a…

HarmonyOS官网案例解析——保存应用数据

介绍 本篇Codelab将介绍如何使用基础组件Slider&#xff0c;通过拖动滑块调节应用内字体大小。要求完成以下功能&#xff1a; 实现两个页面的UX&#xff1a;主页面和字体大小调节页面。拖动滑块改变字体大小系数&#xff0c;列表页和调节页面字体大小同步变化。往右拖动滑块字体…

江西速欣商务咨询有限公司:债务规划重组的专业法务咨询服务

在财务管理中&#xff0c;债务问题往往成为个人和企业面临的一项重要挑战。江西速欣商务咨询有限公司作为债务问题的专业解决者&#xff0c;致力于为客户提供高效而专业的债务规划重组法务咨询服务&#xff0c;帮助他们摆脱负担&#xff0c;重整财务秩序。 深谙债务规划的专业智…

通信基站绿色低碳服务认证

据标准编制组代表汇报该标准是在2022年工信部等7部门印发《信息通信行业绿色低碳发展行动计划&#xff08;2022-2025&#xff09;》提出通信基站要向集约化布局、高效化设计、绿色化建设、低碳化技术、智能化运维方向发展。加快形成以管理制度为引领、以绿色采购为关键、以评估…

Rancher 单节点 docker 部署备份与恢复

Rancher 单节点 docker 部署备份与恢复 1. 备份集群 获取 rancher server 容器名&#xff0c;本例为 angry_aryabhata docker ps | grep rancher/rancher6a27b8634c80 rancher/rancher:v2.5.14 xxx angry_aryabhata停止容器 docker stop angry_aryabhata创建备…

桉木芯建筑模板与其他材质比较有何不同?

在建筑行业中&#xff0c;模板的选择对于确保工程质量和效率至关重要。桉木芯建筑模板作为市场上的一种选择&#xff0c;与其他材质的模板相比&#xff0c;具有独特的优势。能强优品木业作为专业的桉木芯建筑模板生产厂家&#xff0c;其产品充分展示了这一材质的优越性能。 材质…

Vue-响应式数据

一、ref创建基本类型的响应式数据 vue3可以使用ref、reactive去定义响应式数数据。 知识点汇总 使用ref需要先引入ref&#xff0c;import {ref} from vue在模板 template 中使用了添加ref 的响应式数据&#xff0c;变量的后面不用添加.value所有js代码里面&#xff0c;去操作r…

27、web攻防——通用漏洞SQL注入Tamper脚本Base64Jsonmd5

文章目录 数字型&#xff1a;0-9。http;//localhost:8081/blog/news.php?id1 字符型&#xff1a;a-z、中文&#xff0c;需要闭合符号。http;//localhost:8081/blog/news.php?idsimple 搜索型&#xff1a;在字符型的基础上加入了通配符%。http;//localhost:8081/blog/news.…

大数据机器学习GAN:生成对抗网络GAN全维度介绍与实战

文章目录 大数据机器学习GAN&#xff1a;生成对抗网络GAN全维度介绍与实战一、引言1.1 生成对抗网络简介1.2 应用领域概览1.3 GAN的重要性 二、理论基础2.1 生成对抗网络的工作原理2.1.1 生成器生成过程 2.1.2 判别器判别过程 2.1.3 训练过程训练代码示例 2.1.4 平衡与收敛 2.2…

Gin 集成 prometheus 客户端实现注册和暴露指标

前言 当我们构建一个 Web 应用程序时&#xff0c;了解应用程序的性能和行为是非常重要的。Prometheus 是一个流行的开源监控系统&#xff0c;它提供了强大的指标收集和查询功能&#xff0c;可以帮助我们监控应用程序的各个方面。 在 Gin 中集成 Prometheus 可以让我们更方便地监…

vue中的内置指令v-model的作用和常见使用方法以及自定义组件上的用法

一、v-model是什么 v-model是Vue框架的一种内置的API指令&#xff0c;本质是一种语法糖写法&#xff0c;它负责监听用户的输入事件以更新数据&#xff0c;并对一些极端场景进行一些特殊处理。在Vue中&#xff0c;v-model是用于在表单元素和组件之间创建双向数据绑定的指令。它…

0基础学习VR全景平台篇第134篇:720VR全景,云台调整节点

相机、云台和脚架全套设备组装完成后需要进行调校才能开始拍摄。这一节&#xff0c;我们将主要介绍云台调整的两个内容&#xff1a;对中心靶、调三点一线。&#xff08;后附调校原理&#xff09; 云台部件名称 一、调节准备 &#xff08;一&#xff09;对于安装好的云台 1.检…

NAO.99b海潮模型的详解教程

NAO.99b模型是由日本国家天文台开发的全球潮汐模式&#xff0c;基于二维非线性浅水方程。该模型具有较高的分辨率&#xff0c;网格间距为0.50.5&#xff0c;网格数为720360&#xff0c;覆盖的经度范围为0.25&#xff5e;359.75E&#xff0c;纬度范围为89.75S&#xff5e;89.75N…

web前端导航条练习(包含弹性盒)

<!DOCTYPE html> <html lang"en"><head><meta charset"utf-8"><!--设置最佳适配窗口--><meta name"viewpoint" content"widthdevice-width,initial-scale1.0"><meta http-equiv"X-UA-&qu…

Maya-UE xgen-UE 毛发导入UE流程整理

首先声明&#xff1a;maya建议用2022版本及一下&#xff0c;因为要用到Python 2 ,Maya2023以后默认是Python3不再支持Python2; 第一步&#xff1a;Xgen做好的毛发转成交互式Groom 第二步&#xff1a;导出刚生成的交互式Groom缓存&#xff0c;需要设置一下当前帧&#xff0c;和…

Vue3复习笔记

目录 挂载全局属性和方法 v-bind一次绑定多个值 v-bind用在样式中 Vue指令绑定值 Vue指令绑定属性 动态属性的约束 Dom更新时机 ”可写的“计算属性 v-if与v-for不建议同时使用 v-for遍历对象 数组变化检测 事件修饰符 v-model用在表单类标签上 v-model还可以绑定…

钱数加s还是不加s?

语法 看有没有数字 有数字&#xff1a;无s 没数字&#xff1a;有s 案例