JavaScriptArray和String对象~

news/2025/1/12 21:01:24/

初识Array:

定义:

方式1

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

举例:

<script>var array=new Array(1,2,3);alert(array);
</script>

显示如下:

在这里插入图片描述

方式2

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

举例:

<script>var array=[1,2,3];alert(array);
</script>

显示如下:

在这里插入图片描述

访问:

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

举例:

<script>var array=[1,2,3];//将数组的最后一个元素修改为99array[2]=99;alert(array);
</script>

显示如下:

在这里插入图片描述

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

Array数组的特点:

变长:

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

举例:

设置值的情况

<script>var array=[1,2,3];//将数组中下标为10的元素的值修改为16array[10]=16;alert(array[10]);
</script>

显示如下:

在这里插入图片描述

未设置值的情况

<script>var array=[1,2,3];//访问下标为8的元素的值alert(array[8]);
</script>

显示如下:

在这里插入图片描述

变类型:

举例:

<script>var array=[1,2,3];//将array数组下标为8的值设置为字符串类型array[8]="hello";alert(array[8]);
</script>

显示如下:

在这里插入图片描述

查看此时数组的值:

alert(array);

显示如下:

在这里插入图片描述

Array对象属性:

Array对象属性:

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

length举例:

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

<script>var array=[1,2,3];for(let i=0;i<array.length;i++){alert(array[i]);}
</script>

constructor举例:

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

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

<script>var array=[1,2,3];alert(array.constructor);
</script>

显示如下:

在这里插入图片描述

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

<script>var array=[1,2,3];//Array为array的原型alert(array.constructor==Array);
</script>

显示如下:

在这里插入图片描述

Array对象方法:

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

举例:

<script>var array=[1,2,3];array.push(12);alert(array);
</script>

显示如下:

在这里插入图片描述

<script>var array=[1,2,3];//代表从索引为0的元素开始删除直至下标为1的元素,注意右边的2实际取不到array.splice(0,2);alert(array);
</script>

显示如下:

在这里插入图片描述

String:

定义:

方式一:

var 变量名=new String(s);

举例:

<script>var str=new String("hello");alert(str);
</script>

显示如下:

在这里插入图片描述

方式二:

 var 变量名=s;

举例:

<script>//以下两种方式均可var str="good";var str='good';alert(str);
</script>

属性:

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

举例:

<script>var str='good morning';alert(str.length);
</script>

显示如下:

在这里插入图片描述

方法:

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

举例:

<script>var str='good morning';alert(str.charAt(2));
</script>

显示如下:

在这里插入图片描述

indexOf():检索字符串

<script>var str='good morning';//返回指定字符的索引值,若不存在则返回-1alert(str.indexOf('o'));
</script>

显示如下:

在这里插入图片描述

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

去除前:

<script>var str="  hello  ";alert(1+str+1);
</script>

显示如下:

在这里插入图片描述

去除后:

<script>var str="  hello  ";alert(1+str.trim()+1);
</script>

显示如下:

在这里插入图片描述


http://www.ppmy.cn/news/20665.html

相关文章

51单片机学习笔记-3模块化编程

3 模块化编程 [toc] 注&#xff1a;笔记主要参考B站江科大自化协教学视频“51单片机入门教程-2020版 程序全程纯手打 从零开始入门”。 注&#xff1a;工程及代码文件放在了本人的Github仓库。 3.1 模块化编程 传统方式编程&#xff1a;所有的函数均放在main.c里&#xff0c…

IB课程为何号称全球最难国际课程?

在读国际学校的同学们&#xff0c;一定对大名鼎鼎的IB课程不陌生&#xff0c;可是他为什么被称作是它号称最难的国际课程呢&#xff1f;今天就来给大家全面解析一下IB课程&#xff5e; IB课程最开始是IBO为外交官子女开设全球统一标准的课程。IB课程为全球学生开设从幼儿园到大…

Java开发环境配置 “IntelliJ IDEA”(超详细整理,适合新手入门)

前言 &#x1f4dc; “ 作者 久绊A ” 专注记录自己所整理的Java、web、sql等&#xff0c;IT技术干货、学习经验、面试资料、刷题记录&#xff0c;以及遇到的问题和解决方案&#xff0c;记录自己成长的点滴 目录 前言 一、IDEA的介绍 1、大概介绍 2、详细介绍 二、Intelli…

typedef的作用

typedef的作用分为三种&#xff1a; 1.为基本数据类型定义新的类型名 typedef int myINT;//将基本的数据类型定义为新的类型名myint2.为自定义数据类型&#xff08;结构体&#xff0c;共用体&#xff0c;枚举类型&#xff09;定义简洁类型名 typedef struct Point3d{float x;…

【GIS前沿】什么是新型基础测绘、内容、产品体系、特征?

《测绘法》指出&#xff0c;基础测绘是建立和维护全国统一的测绘基准和测绘系统&#xff0c;进行航天航空影像获取&#xff0c;建立和更新维护基础地理信息数据库&#xff0c;提供测绘地理信息应用服务等。 文章目录一、什么是新型基础测绘&#xff1f;二、新型基础测绘的特征三…

JAVA练习34

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 目录 前言 一、题目-验证回文串 1.题目描述 2.思路与代码 2.1 思路 2.2 代码 总结 前言 提示&#xff1a;这里可以添加本文要记录的大概内容&#xff1a; 1月29日练习…

【计算机网络】第一章 计算机网络结构

文章目录第一章 体系结构1.1 计算机网络概述1.1.1 计算机网络的概念1.1.2 计算机网络的组成1.1.3 计算机网络的功能1.1.4 计算机网络的分类*1.1.5 计算机网络的标准化工作1.1.6 计算机网络的性能指标1.2 计算机网络体系结构与参考模型1.2.1 计算机网络分层结构1.2.2 计算机网络…

【ZooKeeper】

1.ZooKeeper是什么&#xff1f; 答&#xff1a; ZooKeeper是一个开放源码的分布式协调服务&#xff0c;它是集群的管理者&#xff0c;监视着集群中各个节点的状态根据节点提交的反馈进行下一步合理操作。最终&#xff0c;将简单易用的接口和性能高效、功能稳定的系统提供给用户…