首页 > 编程语言 >JavaScrip基础(三):数组

JavaScrip基础(三):数组

时间:2022-12-25 15:34:45浏览次数:40  
标签:下标 元素 基础 JavaScrip length names 数组 var

索引数组

内存中连续存储多个数据的数据结构

创建

创建空数组

1.var arr=[];
2.var arr=new Array();

创建包含元素的数组

var arr2=[97,85,79];
var arr3=new Array("Tom","Marry");

创建空数组,再添加元素

var empArry=[];
empArry[0]='Tom';
empArry[0]='Marry';

访问数组中的元素

元素:数组中每个数据都是一个元素
如何访问:通过下标访问,数组名[i]
下标:数组中唯一标识每个元素存储位置的序号
特点:从0开始,连续不重复

数组的GET操作与SET操作

设置数组元素的值--SET

var names=['Tom'];
names[0]='Fiona'; //将值重新赋值
names[1]='Marry'; //添加一个新的元素
console.log(names);

获取数组元素的值--GET

var names=['Tom','Marry','Fiona'];
console.log(names[1]);

注:不会抛出数组下标越界异常

数组length属性

记录了数组中理论上元素个数
length属性的值永远是最大下标+1

var names=['Tom','Marry','Fiona'];
console.log(names.length); //长度为3


var arr2=new Array(10);
console.log(arr2.length); //长度为10

数组的遍历

遍历数组元素,通常选择for循环语句,元素的下标作循环变量

var names=['Tom','Marry','Fiona'];
for(var i=0;i<names.length;i++){
    console.log(names[i]);
}

固定套路

  1. 获取数组最后一个元素:arr[arr.length-1]
  2. 获取倒数第n个元素:arr[arr.length-n]
  3. 数字缩容:减小arr.length的数值,会删除结尾的多余元素

三个不限制

  1. 不限制数组的元素个数:长度可变
  2. 不限制下标越界
    获取元素值:不报错,返回undefined
    修改元素值:不报错,自动在指定位置创建新元素,并自动修改length属性为最大下标+1
  3. 不限制元素的数据类型

关联数组

  • 什么是关联数组:可自定义下标名称的数组
  • 何时用:只要希望每个元素都有专门的名称时
  • 如何:
    1. 创建空数组
    2. 向空数组中添加新元素,并自定义下标名称
      例子
var bookInfo=[];
bookInfo['bookName']='西游记';

遍历关联数组

用for in循环

for(var key in hash){
    key//只是元素的下标名
    hash//当前元素值
}

例子

var bookInfo=[];
bookInfo['bookName1']='西游记';
bookInfo['bookName2']='红楼梦';
for(var i in bookInfo){
    console.log(i);
     console.log(bookInfo[i]);
}

索引数组和关联数组的对比

索引数组 关联数组
以字符串输出 不能用字符串输出
下标是数字 下标是自定义的字符串
length属性有效 length属性失效
访问元素,都用数组名["下标"]
用for循环遍历 用for in循环遍历

希望快速查找元素时,用关联数组

标签:下标,元素,基础,JavaScrip,length,names,数组,var
From: https://www.cnblogs.com/sophia12138/p/17004086.html

相关文章

  • 10个JavaScript代码片段,帮助你成为更好的开发者
    英文 | ​​https://medium.com/better-programming/10-javascript-code-snippets-you-can-use-right-now-e1bb7c7ec35e​​翻译|web前端开发(ID:web_qdkf)毫无疑问,JavaS......
  • 10个超级实用的JavaScript开发技巧
    英文| https://blog.bitsrc.io/10-super-useful-tricks-for-javascript-developers-f1b76691199b翻译|web前端开发众所周知,JavaScript一直在迅速变化。借助新的ES2020,......
  • 【开发小技巧】13—如何使用HTML CSS和JavaScript创建图像动画?
    英文| https://www.geeksforgeeks.org/how-to-create-image-lightbox-gallery-using-html-css-and-javascript/?ref=rp翻译|web前端开发你可以对JavaScript进行编码,但是......
  • 如何使用JavaScript对数字数组进行排序?
    英文| https://www.geeksforgeeks.org/how-to-sort-numeric-array-using-javascript/翻译|web前端开发(ID:web_qdkf)所述的JavaScript的Array.sort()方法被用来就地数组元......
  • 考试基础类定义
    Student类:packagepassage;publicclassStudent{privateStringStuID;privateStringStuName;privateStringsex;privateStringCollege;privateStringPr......
  • 15个必须知道的JavaScript数组方法
    原文| https://www.ibrahima-ndaw.com/blog/15-must-known-javascript-array-methods-in-2020/译文|杨小二在JavaScript中,数组是一个特殊的变量,用于存储不同的元素。它......
  • 448. 找到所有数组中消失的数字
    找到所有数组中消失的数字给你一个含n个整数的数组nums,其中nums[i]在区间[1,n]内。请你找出所有在[1,n]范围内但没有出现在nums中的数字,并以数组的形式返......
  • 您应该知道的11个JavaScript和TypeScript速记
    英文| https://blog.bitsrc.io/11-javascript-and-typescript-shorthands-you-should-know-690a002674e0在编写简洁高效的代码与编写仅可读的代码之间有一条很好的界限。......
  • ECMAScript 6 入门教程—数组的扩展
    作者|阮一峰1、扩展运算符含义扩展运算符(spread)是三个点(​​...​​)。它好比rest参数的逆运算,将一个数组转为用逗号分隔的参数序列。console.log(...[1,2,3])//123......
  • 107条Javascript的常用语句
    1、document.write(""); 输出语句2、JS中的注释为//3、传统的HTML文档顺序是:document->html->(head,body)4、一个浏览器窗口中的DOM顺序是:window->(navigator,screen,......