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

数组概念

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

数组创建方法

    构造函数的方法
      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=nullvar 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.hqwc.cn/news/312782.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

08-接口文档管理工具-项目集成knife4j__ev

2、knife4j快速入门 2.1 knife4j介绍 knife4j是为Java MVC框架集成Swagger生成Api文档的增强解决方案,前身是swagger-bootstrap-ui,取名kni4j是希望它能像一把匕首一样小巧,轻量,并且功能强悍! gitee地址&#xff1a;knife4j: Knife4j是一个集Swagger2 和 OpenAPI3为一体的增…

33--反射

1、反射(Reflection)的概念 1.1 反射的出现背景 Java程序中&#xff0c;所有的对象都有两种类型&#xff1a;编译时类型和运行时类型&#xff0c;而很多时候对象的编译时类型和运行时类型不一致。 Object obj new String("hello"); obj.getClass(); 例如&#xf…

Rust学习笔记001:HELLOW WORLD + Cargo

Rust介绍 Rust&#xff08;中文称为“锈”&#xff09;是一种由Mozilla开发的系统编程语言&#xff0c;它着力于提供安全性、并发性和实用性。Rust的设计目标是消除程序出现的内存安全性问题&#xff0c;如空指针引用、数据竞争等。它通过在编译时进行严格的所有权和借用检查来…

Linux驱动学习—设备树及设备树下的platform总线

1、什么是设备树&#xff1f; 设备树是一种描述硬件资源的数据结构。他通过bootloader将硬件资源传给内核&#xff0c;使得内核和硬件资源 描述相对独立。 2、设备树的由来 2.1 平台总线的由来 要想了解为什么会有设备树&#xff0c;设备树是怎么来的&#xff0c;我们就要先…

WPF 新手指引弹窗

新手指引弹窗介绍 我们在第一次使用某个软件时&#xff0c;通常会有一个“新手指引”教学引导。WPF实现“新手指引”非常方便&#xff0c;且非常有趣。接下来我们就开始制作一个简单的”新手指引”(代码简单易懂&#xff0c;便于移植)&#xff0c;引用到我们的项目中又可添加一…

认识Linux基本指令之 “touch mkdir rm”

01.touch指令 语法:touch [选项]... 文件... 功能&#xff1a;touch命令参数可更改文档或目录的日期时间&#xff0c;包括存取时间和更改时间&#xff0c;或者新建一个不存在的文件 常用选项&#xff1a; -a 或--timeatime或--timeaccess或--timeuse只更改存取时间。 -c…

node版本管理器nvm的下载和使用

介绍 nvm 全名 node.js version management&#xff0c;顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。 下载和安装 在下载和安装nvm前&#xff0c;需要确保当前电脑没有安装node&#xff0c;否则则需要先把原来的node卸载了。 下载地址&#…

【JavaFX】基于JavaFX11 构建可编辑、对象存储、修改立即保存、支持条件过滤的TableView

文章目录 效果设计思路二、使用步骤1. 创建实体类2.读取本地文件数据3. 定义表格TableView总结效果 如图所示,这是一个存储application.properties内容的表格。这里的文件application.properties是从Linux服务器上获取来的。 当点击检索按钮,并输入条件匹配字符时,TableVie…

【2024最新版】neo4j安装配置

neo4j安装 写在最前面下载配置环境&#xff08;还是不行&#xff1f;&#xff09;启动neo4jpython中调用 写在最前面 之前我安装过&#xff0c;还写了一篇笔记 结果意外发现没有了&#xff0c;而且和之前安装的步骤不一样了&#xff0c;因此再次记录安装过程 下载 https://ne…

Plantuml之JSON数据语法介绍(二十五)

简介&#xff1a; CSDN博客专家&#xff0c;专注Android/Linux系统&#xff0c;分享多mic语音方案、音视频、编解码等技术&#xff0c;与大家一起成长&#xff01; 优质专栏&#xff1a;Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 优质专栏&#xff1a;多媒…

x-cmd pkg | bat - cat 命令的现代化替代品

目录 简介首次用户功能特点进一步阅读 简介 bat 是 cat 命令的替代品&#xff0c;对 cat 命令进行功能扩展&#xff0c;如语法高亮、自动分页等&#xff0c;为用户提供更友好的显示和定制选项。对于需要在终端频繁查看文本内容的用户&#xff0c;推荐用 bat。 首次用户 使用 …

【网络面试(3)】浏览器委托协议栈完成消息的收发

前面的博客中&#xff0c;提到过很多次&#xff0c;浏览器作为应用程序&#xff0c;本身是不具备向网络中发送网络请求的能力&#xff0c;要委托操作系统的内核协议栈来完成。协议栈再调用网卡驱动&#xff0c;通过网卡将请求消息发送出去&#xff0c;本篇博客就来探讨一下这个…