【JavaScript】常用内置对象——数组(Array)对象

news2024/11/26 15:31:06

文章目录

    • 什么是数组
    • 创建数组
    • 访问数组
    • 数组常用方法和属性
    • 投票传送门

在这里插入图片描述

什么是数组

  数组(Array)是最基本的集合类型,由于JavaScript是弱类型语言,因此JavaScript的数组和大多数语言的数组有所区别。在大多数语言中,当声明一个数组的时候,就会指定其类型。

  例如,如果需要一个字符串类型的数组,那么这个数组中的所有元素都必须是字符串类型的。而在JavaScript中,没有元素类型必须相同这一限制,一个数组的各个元素都可以是任意类型的数据。此外,JavaScript中的数组也没用长度限制,或者说其长度是可变动的。只要加入新元素,数组的长度就会增加。

创建数组

数组对象用来在单独的变量名中存储一系列的值

语法:

在这里插入图片描述

创建一个数组,有三种方法。

下面的代码定义了一个名为 myCars的数组对象:

1: 常规方式:
var myCars=new Array();
myCars[0]=“Saab”;
myCars[1]=“Volvo”;
myCars[2]=“BMW”;

2: 简洁方式:
var myCars=new Array(“Saab”,“Volvo”,“BMW”);

3: 字面量方式(最简单的方法):
var myCars=[“Saab”,“Volvo”,“BMW”];

访问数组

在这里插入图片描述

  在数组名称的后面加上方括号,方括号里面指定要访问的元素索引,即可访问指定的数组元素。代码如下:

	var nums = [12,25,69,78,45,33,62];
	console.log(nums);// [12, 25, 69, 78, 45, 33, 62]
	console.log(nums[2]);//69
	console.log('数组元素个数:'+nums.length);

成功执行上述代码后,将显示以下输出:

在这里插入图片描述
可以使用for-in循环输出数组元素。代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var nums = [12,25,63,97,84,56,11];
			//使用普通for循环遍历数组
			for(var i = 0;i<nums.length;i++){
				console.log(nums[i]);
			}
			
			console.log('--------------');
			
			//使用for-in循环遍历数组
			for(var i in nums){
				console.log(nums[i]);
			}
			
		</script>
	</body>
</html>

成功执行上述代码后,将显示以下输出:

在这里插入图片描述

数组常用方法和属性

在这里插入图片描述
方法

length(设置或返回数组中元素的数目)

例子:
var nums = [12,25,63,97,84,56,11];
console.log(nums.length);

输出结果:7

属性

push()——从数组末尾增加元素

例子:
var strs = [‘hello’,‘javascript’,‘hefei’];
var result =strs.push(‘nihao’);
console.log(result );

输出结果:[‘hello’, ‘javascript’, ‘hefei’, ‘nihao’]

pop()——从数组末尾删除元素

例子:
var strs = [‘hello’,‘javascript’,‘hefei’];
var result =strs.pop();
console.log(result );

输出结果:[‘hello’, ‘javascript’]

unshift()——从数组开头增加元素

例子:
var strs = [‘hello’,‘javascript’,‘hefei’];
var result =strs.unshift(‘nihao’);
console.log(result );

输出结果:[‘nihao’,‘hello’,‘javascript’,‘hefei’]

shift()——从数组开头删除元素

例子:
var strs = [‘hello’,‘javascript’,‘hefei’];
var result =strs.shift();
console.log(result );

输出结果:[‘javascript’,‘hefei’]

sort()——排序

例子:
var strs = [‘hello’,‘javascript’,‘hefei’];
var result =strs.sort();
console.log(result );

输出结果:[‘hefei’,‘hello’,‘javascript’]

注意:字母排序规则,大写字母生序排序在小写字母的前面,且字母升序是按照abc字母顺序排序的。

indexOf()——某个元素在数组中首次出现的索引

例子:
[2,9,7,8,9].indexOf(9);

输出结果:1

lastIndexOf()——某个元素在数组中最后出现的索引

例子:
[2,9,7,8,9].lastIndexOf(9);

输出结果:4

slice()——截取数组

例子:获取仅包含最后一个元素的子数组
var array=[1,2,3,4,5];
array.slice(-1);

输出结果:[5]

例子:获取不包含组后一个元素的子数组
var array=[1,2,3,4,5];
array.slice(0,-1);

输出结果:[1,2,3,4]

注意:该方法并不会修改数组,而是会返回一个子数组。

concat()——合并数组

例子:
var array=[1,2].concat([‘a’,‘b’],[‘name’]);

输出结果:[1,2,“a”,“b”,“name”]

join()——数组转换为字符串

例子:
var strs = [‘hello’,‘javascript’,‘hefei’];
var result =strs.join();
console.log(result);

输出结果:‘hello,javascript,Java2218’

投票传送门

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

ubuntu 20.04 qemu u-boot-2022.10 开发环境搭建

开发环境 ubuntu 20.04 VMware Workstation Pro 16 基于qemu&#xff08;模拟器&#xff09;&#xff0c;vexpress-a9 平台 搭建 u-boot-2022.10 (当前最新版本&#xff09; 准备工作 u-boot下载&#xff0c;下载最新稳定版本&#xff0c;当前为 u-boot-2022.10&#xff0…

代码随想录49——动态规划:121买卖股票的最佳时机、122买卖股票的最佳时机II

文章目录1.121买卖股票的最佳时机1.1.题目1.2.解答1.2.1.贪心算法1.2.2.动态规划2.122买卖股票的最佳时机II2.1.题目2.2.解答1.121买卖股票的最佳时机 参考&#xff1a;代码随想录&#xff0c;121买卖股票的最佳时机&#xff1b;力扣题目链接 1.1.题目 1.2.解答 1.2.1.贪心算…

第七节:类和对象【一】【java】

目录 &#x1f9fe;1. 面向对象的初步认知 1.1 什么是面向对象 1.2 面向对象与面向过程 &#x1f4d5;2. 类定义和使用 2.1 简单认识类 2.2 类的定义格式 2.3 课堂练习 &#x1f392;3. 类的实例化 3.1 什么是实例化 3.2 类和对象的说明 3.3练习 &#x1f9fe;1. 面…

Hbase2.4.11安装

Hbase2.4.11安装 文章目录Hbase2.4.11安装一、前期准备二、安装三、配置文件(一)添加环境变量&#xff08;二&#xff09;修改hbase配置文件1.修改hbase-env.sh 中内容2.在hbase-site.xml中添加以下内容3. 编辑regionservers四、分发文件到Hadoop2、Hadoop3中一、前期准备 hba…

SpringBoot+Vue实现前后端分离的学生选课系统

文末获取源码 开发语言&#xff1a;Java 使用框架&#xff1a;spring boot 前端技术&#xff1a;JavaScript、Vue.js 、css3 开发工具&#xff1a;IDEA/MyEclipse/Eclipse、Visual Studio Code 数据库&#xff1a;MySQL 5.7/8.0 数据库管理工具&#xff1a;phpstudy/Navicat JD…

浏览器无痕模式有什么作用,手机浏览器开启无痕模式的方法

在我们的手机基本上都安装了浏览器&#xff0c;当我们在上网过程中&#xff0c;不想浏览记录被留下&#xff0c;那么开启无痕模式是非常有必要的。那么&#xff0c;浏览器的无痕模式有什么作用&#xff0c;手机浏览器如何开启无痕模式呢&#xff1f;下面教大家如何在手机浏览器…

HECTF2022

今年是第三次参加HECTF&#xff0c;成绩不是很好wp随便看看就好了 文章目录Misc咦~小鲨鱼来喽舞者的秘密你把我flag藏哪去了?来玩捉迷藏呀我的手要不行辣2022HECTF调查问卷Crypto流动的音符matrixezrsamixtureReverseapk贝斯helloiosrunWeb迷路的小狮擎天注Pwn真签到Misc 咦~…

马斯克的这波神操作,让我意识到保持写代码的能力有多重要

作为一个在IT行业摸爬滚打了多年的老油条&#xff0c;我是越来越看不懂现在的互联网行业了。 至少曾经我听过太多人吐槽写代码的永远干不过写PPT的&#xff0c;并且在现实工作中验证过也确实如此&#xff0c;但是老马的这一波骚操作&#xff0c;让推特工程师打印出最近30-60天…

《这!就是街舞》,好综艺还是好生意?

01.始于热爱&#xff0c;火于流量&#xff0c;不止综艺&#xff0c;这就是街舞 “每个人生而不同&#xff0c;不需要被包裹成别人需要的面孔。我就是我&#xff0c;既不傲慢&#xff0c;也不卑微。” ——李承弦 这段来自综艺《这&#xff01;就是街舞》第五季中节目对于李承…

ES6的Promise详解

文章目录前言一、Promise的概念二、使用Promise创建 PromisePromise 常用方法Promise.prototype.then()Promise.prototype.catch()all()链式调用前言 本篇文章主要介绍了ES6语法中的Promise对象的使用详解,promise对象是JS进阶学习中的重要知识点&#xff0c; 如果本文对你有所…

JavaScipt基础(持续更新三)

JavaScipt基础 JavaScipt基础 九、对象&#xff08;Object&#xff09; 9.1什么是对象 9.2JavaScript中的对象 9.3如何得到一个对象 9.4this的指向 9.5对象的使用 十、标准库对象&#xff08;内置对象&#xff09; 10.1Math对象 10.1.1常用属性和方法 10.1.2案例 1…

8年测试经验,简单易懂的讲解一下什么是自动化测试?

自动化测试是把以人为驱动的测试行为转化为机器执行的一种过程。通常&#xff0c;在设计了测试用例并通过评审之后&#xff0c;由测试人员根据测试用例中描述的规程一步步执行测试&#xff0c;得到实际结果与期望结果的比较。在此过程中&#xff0c;为了节省人力、时间或硬件资…

第九期|不是吧,我在社交媒体的照片也会被网络爬虫?

顶象防御云业务安全情报中心监测到&#xff0c;某社交媒体平台遭遇持续性的恶意爬虫盗取。被批量盗取用户信息和原创内容&#xff0c;经分类梳理和初步加工后&#xff0c;被黑灰产转售给竞争对手或直接用于恶意营销。由此不仅给社交媒体平台的数字资产带来直接损失&#xff0c;…

人工智能--机器学习概述、motplotlib的使用-折线图、散点图、柱状图、饼图

机器学习 步骤&#xff1a; 获取数据–数据基本处理–特征工程–机器学习&#xff08;算法&#xff09;–模型评估与调优 人工智能三要素&#xff1a;数据、算法、计算力 CPU 控制单元多&#xff0c;计算单元少—更适合IO密集型任务 GPU计算单元多----更适合计算密集型任务 …

linux环境部署

linux安装go环境 1、下载go的安装包 Golang官网下载地址&#xff1a;https://golang.org/dl/ 2、包版本&#xff1a;go1.19.3.linux-arm64.tar.gz cd /usr/local tar -zxvf go1.19.3.linux-arm64.tar.gz 3、将/usr/local/go/bin添加到环境变量中 vim /etc/profile #在最后一行…

人工智能前沿——无人自动驾驶技术

>>>深度学习Tricks&#xff0c;第一时间送达<<< 一、自动驾驶介绍 自动驾驶汽车依靠人工智能、视觉计算、雷达、监控装置和全球定位系统协同合作&#xff0c;它是一个集环境感知、规划决策、多等级辅助驾驶等功能于一体的综合系统&#xff0c;它集中运用了计…

windows10安装redis服务【成功安装】

1、下载链接中的zip包 https://github.com/MicrosoftArchive/redis/releases 解压&#xff0c;打开到该目录 2、添加Logs文件夹&#xff0c;在该文件夹下创建redis_log.txt文件 3、启动redis服务 在安装的目录上输入cmd 在命令窗口输入&#xff1a; redis-server.exe redi…

云原生之K8S------list-watch机制,调度约束以及故障排查

一&#xff0c;list-watch机制 1&#xff0c;list-watch介绍 1&#xff0c;kubernetes是通过list-watch的机制进行每个组件的动作&#xff0c;保持数据同步的&#xff0c;每个组件之间的设计实现了解耦。 2&#xff0c;用户是通过kubelet根据配置文件&#xff0c;向apiserve…

Vue笔记:基础入门(前篇)

文章目录前言开发环境准备无构建使用构建式使用API风格单文件组件页面打开时闪烁后记前言 Vue(发音为 /vjuː/&#xff0c;类似 view)是一款渐进式Web前端框架&#xff0c;提供了一套声明式的、组件化的编程模型&#xff0c;帮助你高效地开发用户界面。 官方网站&#xff1a;…

上海亚商投顾:沪指缩量跌0.43%

上海亚商投顾前言&#xff1a;无惧大盘大跌&#xff0c;解密龙虎榜资金&#xff0c;跟踪一线游资和机构资金动向&#xff0c;识别短期热点和强势个股。 市场情绪 三大指数今日集体回调&#xff0c;沪指午后跌近1%&#xff0c;创业板指盘中跌超1.7%&#xff0c;临近尾盘跌幅有所…