史上最详细JavaScript数组对象详解(一)

简介: JavaScript数组对象详解(一)今天我们来聊一下JavaScript中的数组对象。什么是数组,字面意思就是数据的组合(分组),简单来说就是用单独的一个 变量 来储存一系列的值。比如说,现在有几个人,张三,李四,王五,赵六,如果我想将他们都储存起来需要声明四个变量分别储存。但是当数据有太多个的时候就有些不方便了,这个是后我们就可以使用数组来进行储存。 // 单独将每个名字用变量储存 var name1="张三"; var name2="李四"; var name3="王五"; var name4="赵六"; ...

JavaScript数组对象详解(一)



今天我们来聊一下JavaScript中的数组对象。什么是数组,字面意思就是数据的组合(分组),简单来说就是用单独的一个 变量 来储存一系列的值。


比如说,现在有几个人,张三,李四,王五,赵六,如果我想将他们都储存起来需要声明四个变量分别储存。但是当数据有太多个的时候就有些不方便了,这个是后我们就可以使用数组来进行储存。

// 单独将每个名字用变量储存varname1="张三";
varname2="李四";
varname3="王五";
varname4="赵六";
    ...
// 使用数组对任命进行存储varaName=["张三","李四","王五","赵六",...]


1.创建数组


 

// 创建数组// 1.字面量  vararr=[1,2,3,4,5];
// 2.常规方式   构造函数vararr2=newArray();
arr2[0]="奥迪";
arr2[1]="大众";
// 3.常规方式的简写vararr3=newArray("张三","李四","王五","赵柳");
console.log(arr);
console.log(arr2);
console.log(arr3);


2.访问数组


// 访问数组// 语法:数组名[索引]    能看出来数组和对象很相似console.log(arr[0]);
console.log(arr[1]);

3.数组的属性


vararr=["a","b","c","d","e","f","g"];
// 数组的属性:// constructor:返回创建数组对象的原型函数。arr.constructor;// function Array() { [native code] }// prototype:允许你向数组对象添加属性或方法。Array.prototype.myFunc=function(){
for(vari=0;i<this.length;i++){
console.log(this[i]);
        }
    }
arr.myFunc();// a b c d e f g// length:长度   设置或返回数组元素的个数console.log(arr.length);//返回个数arr.length=10;//设置 数组的长度console.log(arr);
for(vari=0;i<arr.length;i++){
console.log(arr[i]);
    }


以上内容主要讲了数组对象的创建和访问及数组的属性。后面我们会继续对数组对象进行扩展,讲解数组的方法以及二维数组,多为数组的实际应用。


视频讲解链接:
https://www.bilibili.com/video/BV1Fk4y1r7xm

相关文章
|
25天前
|
前端开发 JavaScript
前端 js 经典:数组常用方法总结
前端 js 经典:数组常用方法总结
26 0
|
1天前
|
JavaScript 前端开发 Unix
Node.js 全局对象
Node.js 全局对象
7 2
|
2天前
|
JavaScript 前端开发
深入解析JavaScript中的面向对象编程,包括对象的基本概念、创建对象的方法、继承机制以及面向对象编程的优势
【6月更文挑战第12天】本文探讨JavaScript中的面向对象编程,解释了对象的基本概念,如属性和方法,以及基于原型的结构。介绍了创建对象的四种方法:字面量、构造函数、Object.create()和ES6的class关键字。还阐述了继承机制,包括原型链和ES6的class继承,并强调了面向对象编程的代码复用和模块化优势。
11 0
|
2天前
|
存储 JSON JavaScript
JavaScript基础-对象与JSON
【6月更文挑战第11天】本文介绍了JavaScript对象的创建(字面量、构造函数、Class)与操作,包括属性访问和描述符。同时讲解了JSON的性质及其与JS对象的关系,以及序列化和解析过程。文章还列举了三个常见易错点(属性访问错误、JSON格式错误、循环引用)并提供了避免策略。通过代码示例展示如何操作对象和处理JSON,强调实践对于掌握这些概念的重要性。
|
2天前
|
JavaScript 前端开发 索引
JavaScript基础-数组操作:增删改查
【6月更文挑战第11天】本文介绍了JavaScript数组的增删改查操作,包括查询(索引访问、indexOf、lastIndexOf、includes)、修改(直接赋值、splice)、添加(push、unshift、splice)和删除(pop、shift、splice)。同时,文章列举了三个易错点:数组越界、splice参数理解不清及修改原数组与返回值混淆,并提供了相应的避免策略。通过代码示例展示了各种操作的用法,强调理解方法特性和实践的重要性,以提升数组操作效率。
|
8天前
|
JavaScript 前端开发
JavaScript删除数组中指定元素3种方法例子
JavaScript删除数组中指定元素3种方法例子
|
9天前
|
存储 JavaScript 前端开发
【经典算法】LeetCode350:两个数组的交集 II(Java/C/Python3/JavaScript实现含注释说明,Easy)
【经典算法】LeetCode350:两个数组的交集 II(Java/C/Python3/JavaScript实现含注释说明,Easy)
6 1
|
10天前
|
JSON JavaScript 数据格式
1.js动态的往json数据添加新属性和值 2.JSON 和 JS 对象互转 3.对象转化为数组
1.js动态的往json数据添加新属性和值 2.JSON 和 JS 对象互转 3.对象转化为数组
13 0
|
15天前
|
JavaScript
JS判断变量是不是数组?方法大全!
JS判断变量是不是数组?方法大全!
|
16天前
|
JavaScript 前端开发
JavaScript 解决数组查重 问题(三种解决方法)
JavaScript 解决数组查重 问题(三种解决方法)
14 0