JS数组教程
ztj100 2024-11-25 00:38 20 浏览 0 评论
主要内容:
学习目标:
节数知识点要求第一节(数组的概念)数组介绍了解第二节(数组的特点)length属性了解字符索引了解获取指定位置的字符了解字符串连接了解第三节(数组调用)常见转义字符掌握第四节(数组的方法)创建字符串对象掌握第五节(二维数组)字符串方法掌握第六节(数组的实例)字符串的使用掌握
为什么使用数组?
问题引入
王大爷有6只乌龟,它们的体重分别是3kg,5kg,1kg,
3.4kg,2kg,50kg 。请问这六只乌龟的总体重是少?
平均体重是多少?
不使用数组:
使用数组:
一、数组的概念
1.1什么是数组
数组就是按照一定的顺序排列的一组值,每个值都有自己的编号,编号(下标)从0开始,整个数组用可以用[]表示。
1.2数组的定义
定义数组的方式:
方式1:中括号[]
arr = [数组的值1,数组的值2,数组的值3,…];
方式2:使用new Array()
本质上,数组是对象类型的一种特殊表现形式。因此创建的时候我们可以使用new方式来创建。
typeof运算符会返回数组的类型是object。
arr = new Array(数组的值1,数组的值2,数组的值3,…);
1.3数组的访问
数组的下标是从0开始,
arr[0]:第一个数组元素
arr[1]:第二个数组元素
arr[2]:第三个数组元素
1.4数组的操作
可以是不同的数据类型
添加,修改,删除,查看操作
1.5数组的分类
按维度分:分一维数组,二维数组等。
按类型分:索引数组和关联数组。
索引数组:下标是阿拉伯数字的(0,1,2等)
关联数组:下标是一个字符串
二、数组的特点
数组就是一组数据(数字,字符串,对象)类型的集合,简单来说数组就是一种容器
\1. 数组内的数据可以是任意的类型
\2. 数组下标从0开始
\3. 数组的长度就是数组元素的个数(length)
\4. 数组下标的范围是0-length-1
三、数组的使用(重点)
3.1数组的地址传递
3.1.1 值传递
普通变量是值传递,其中的一个改变不会影响到另外一个值。因为各自都有自己的地址。
3.1.2 地址传递
数组是地址传递:其中的一个改变,会影响另一个的改变。因为他们共用一个地址。
[]:相当于(new Array)开辟了一个内存空间
八哥总结说明:
一般的数据类型:数字,字符串,布尔是值传递。
数组和对象一般是地址传递。
四、数组的方法(重点)
4.1 数组的属性
4.1.1 length的使用
length:数组的长度
length是一个可写属性。
如果设置length长度小于数组本身长度,那么多余元素舍弃。
? 如果设置length长度大于数组本身长度,那么缺少元素用空位补齐。
? 如果设置length长度不是合法数值,那么会报错Invalid array length
4.1.2 数组的空位
当数组的某个位置是空元素,即两个逗号之间没有任何值,我们称该数组存在空位(hole)。
var countryNameArr = [‘China’,’’,‘Japan’];
countryNameArr.length//3
4.2 数组的方法
1.concat(arr1,arr2,…):连接多个数组
2.push()
3.pop()
4.shift()
5.unshift()
6.join():给数组添加一个分隔符并将数组转化为字符串
\7. reverse():倒叙输出数组元素
\8. slice(start,end):数组的截取
9.splice():添加修改删除数组元素
10.sort():数组的排序
按照字符(a-z)的顺序排序
\11. map():循环遍历数组,有返回值
循环遍历数组,没有返回值
forEach(function(val,index,arr){
})
val:数组元素的值
index:下标
arr:数组本身
13.filter():找到符合条件的所有元素
14.find():找到符合条件的第一个元素
15.findIndex():找到符合条件的第一个元素的下标
16.some():只要有一个符合条件的就返回true
17.every():只要有一个不符合条件的就返回false
18.includes():判断是否包含指定的数组元素,有就是true,没有就是false
19.reduce():数组元素的计算(从左到右)
20.reduceRight():数组元素的计算(从右到左)
22.lastIndexOf():返回指定数组元素的最后一次出现的下标
相关推荐
- 这个 JavaScript Api 已被废弃!请慎用!
-
在开发过程中,我们可能会不自觉地使用一些已经被标记为废弃的JavaScriptAPI。这些...
- JavaScript中10个“过时”的API,你的代码里还在用吗?
-
JavaScript作为一门不断发展的语言,其API也在持续进化。新的、更安全、更高效的API不断涌现,而一些旧的API则因为各种原因(如安全问题、性能瓶颈、设计缺陷或有了更好的替代品)被标记为“废...
- 几大开源免费的 JavaScript 富文本编辑器测评
-
MarkDown编辑器用的时间长了,发现发现富文本编辑器用起来是真的舒服。...
- 比较好的网页里面的 html 编辑器 推荐
-
如果您正在寻找嵌入到网页中的HTML编辑器,以便用户可以直接在网页上编辑HTML内容,以下是几个备受推荐的:CKEditor:CKEditor是一个功能强大的、开源的富文本编辑器,可以嵌入到...
- Luckysheet 实现excel多人在线协同编辑
-
前言前些天看到Luckysheet支持协同编辑Excel,正符合我们协同项目的一部分,故而想进一步完善协同文章,但是遇到了一下困难,特此做声明哈,若侵权,请联系我删除文章!若侵犯版权、个人隐私,请联系...
- 从 Element UI 源码的构建流程来看前端 UI 库设计
-
作者:前端森林转发链接:https://mp.weixin.qq.com/s/ziDMLDJcvx07aM6xoEyWHQ引言...
- 手把手教你如何用 Decorator 装饰你的 Typescript?「实践」
-
作者:Nealyang转发连接:https://mp.weixin.qq.com/s/PFgc8xD7gT40-9qXNTpk7A...
- 推荐五个优秀的富文本编辑器
-
富文本编辑器是一种可嵌入浏览器网页中,所见即所得的文本编辑器。对于许多从事前端开发的小伙伴来说并不算陌生,它的应用场景非常广泛,平时发个评论、写篇博客文章等都能见到它的身影。...
- 基于vue + element的后台管理系统解决方案
-
作者:林鑫转发链接:https://github.com/lin-xin前言该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(WebManagementSystem)开发。基于v...
- 开源富文本编辑器Quill 2.0重磅发布
-
开源富文本编辑器Quill正式发布2.0版本。官方TypeScript声明...
- Python之Web开发框架学习 Django-表单处理
-
在Django中创建表单实际上类似于创建模型。同样,我们只需要从Django类继承,则类属性将是表单字段。让我们在myapp文件夹中添加一个forms.py文件以包含我们的应用程序表单。我们将创建一个...
- Django测试入门:打造坚实代码基础的钥匙
-
这一篇说一下django框架的自动化测试,...
- Django ORM vs SQLAlchemy:到底谁更香?从入门到上头的选择指南
-
阅读文章前辛苦您点下“关注”,方便讨论和分享,为了回馈您的支持,我将每日更新优质内容。...
- 超详细的Django 框架介绍,它来了!
-
时光荏苒,一晃小编的Tornado框架系列也结束了。这个框架虽然没有之前的FastAPI高流量,但是,它也是小编的心血呀。总共16篇博文,从入门到进阶,包含了框架的方方面面。虽然小编有些方面介绍得不是...
- 20《Nginx 入门教程》使用 Nginx 部署 Python 项目
-
今天的目标是完成一个PythonWeb项目的线上部署,我们使用最新的Django项目搭建一个简易的Web工程,然后基于Nginx服务部署该PythonWeb项目。1.前期准备...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)