JavaScriptArray和String对象~
创始人
2024-05-20 14:27:06
0

初识Array:

定义:

方式1

var 变量名=new Array(元素列表);

举例:


显示如下:

在这里插入图片描述

方式2

var 变量名=[元素列表];

举例:


显示如下:

在这里插入图片描述

访问:

arr[索引]=值;
arr[0]=1;

举例:


显示如下:

在这里插入图片描述

注意:JS数组与Java中的数组可不相同哦,它类似于java集合,长度,类型都可变

Array数组的特点:

变长:

即为长度可发生变化,在java中数组是定长的,一旦我们访问的下标超出范围,即会报错,但在JavaScript中,我们是可以访问任意下标的元素值

举例:

设置值的情况


显示如下:

在这里插入图片描述

未设置值的情况


显示如下:

在这里插入图片描述

变类型:

举例:


显示如下:

在这里插入图片描述

查看此时数组的值:

alert(array);

显示如下:

在这里插入图片描述

Array对象属性:

Array对象属性:

属性描述
length设置或返回数组中元素的数目
constructor返回对创建此对象的数组函数的引用
prototype使其有能力向对象添加属性和方法

length举例:

打开该网页依次弹出1,2,3


constructor举例:

constructor属性用于返回创建该对象的构造函数

在JavaScript中,每个具有原型的对象都会自动获得constructor属性,除了arguments、Enumerator、Error、Global、Math、RegExp、Regular Expression等一些特殊对象之外,其他所有的JavaScript内置对象都具备constructor属性,例如:Array、Boolean、Date、Function、Number、Object、String等


显示如下:

在这里插入图片描述

注:[native code],表示这是JavaScript的底层内部代码实现,无法显示代码细节


显示如下:

在这里插入图片描述

Array对象方法:

方法描述
concat()连接两个或更多的数组,并返回结果
join()把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔
pop()删除并返回数组的最后一个元素
push()向数组的末尾添加一个或更多的元素,并返回新的长度
shift()删除并返回数组的第一个元素
splice()删除元素,并向数组添加新元素
toSource()返回该对象的源代码
toString()把数组转换为字符串,并返回结果
toLocaleString()把数组转换为本地数组,并返回结果
unshift()向数组的开头添加一个或更多元素,,并返回新的长度
valueOf()返回数组对象的原始值

举例:


显示如下:

在这里插入图片描述


显示如下:

在这里插入图片描述

String:

定义:

方式一:

var 变量名=new String(s);

举例:


显示如下:

在这里插入图片描述

方式二:

 var 变量名=s;

举例:


属性:

它包含的很多方法都与Java相同,因此这里不进行赘述,不熟悉的小伙伴可去官方手册查询!传送门
length:字符串的长度

举例:


显示如下:

在这里插入图片描述

方法:

charAt():返回在指定位置的字符

举例:


显示如下:

在这里插入图片描述

indexOf():检索字符串


显示如下:

在这里插入图片描述

trim()方法用来去除字符串前后端的空格:

去除前:


显示如下:

在这里插入图片描述

去除后:


显示如下:

在这里插入图片描述

相关内容

热门资讯

保存时出现了1个错误,导致这篇... 当保存文章时出现错误时,可以通过以下步骤解决问题:查看错误信息:查看错误提示信息可以帮助我们了解具体...
汇川伺服电机位置控制模式参数配... 1. 基本控制参数设置 1)设置位置控制模式   2)绝对值位置线性模...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
表格中数据未显示 当表格中的数据未显示时,可能是由于以下几个原因导致的:HTML代码问题:检查表格的HTML代码是否正...
本地主机上的图像未显示 问题描述:在本地主机上显示图像时,图像未能正常显示。解决方法:以下是一些可能的解决方法,具体取决于问...
不一致的条件格式 要解决不一致的条件格式问题,可以按照以下步骤进行:确定条件格式的规则:首先,需要明确条件格式的规则是...
表格列调整大小出现问题 问题描述:表格列调整大小出现问题,无法正常调整列宽。解决方法:检查表格的布局方式是否正确。确保表格使...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...