一丶数组概念及定义
1.一个变量只能存储一个数据,如果我们有一组数据,比如1到100一百个数字,定义100个变量来
存储就太痛苦了,这时候我们就需要数组来存储这样的数据。
数组的定义:
1
2
3
4var arr1 = new Array(7); //定义了一个7个元素的数组,没有给元素赋值; var arr2 = new Array(7,9); //定义了一个2个元素的数组,两个元素的值分别是7和9 var arr3 = [3,5]; //定义了一个2个元素的数组,两个元素的值分别是3和5
注:数组就是一组数据。
数组中的每一个数据我们称作元素。
2.变量和数组的内存位置
栈内存由系统分配维护,堆由开发人员通过代码创建。
3.数组的几个概念
Length(长度):
数组中包含的元素个数。
例:
1
2
3var arr1=new Array(7); alert( arr1.length); //输出结果为7
下标(索引):
数组中元素的序号,从0开始,下标最大取值是“长度-1”;下标可以是变量或表达式。我们通
过索引来访问数组中任意元素。
例:
1
2
3
4
5
6var arr1=[1,2,3,4,5]; alert(arr1[0]); //输出结果是1,下标0代表第一个元素 alert(arr1[arr1.length-1]); //输出结果是5,下标length-1代表最后一个元素 arr1[2]=7; //通过下标修改了第三个元素的值 alert(arr1[2]); //输出结果是7,
二丶数组常用方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15push() 方法向数组的末尾添加一个或多个元素,并返回新的长度。 var arr1=[1,2,3]; var len=arr1.push(7); //向数组末尾添加元素,并返回数组的新长度 alert(len); //输出4 pop() 方法删除并返回数组的最后一个元素。 x=arr1.pop(); //删除最后一个元素并返回被删除的元素 alert(x); //输出7 unshift()向数组的开头添加一个或多个元素,并返回新的长度。 x=arr1.unshift(8,9); //向数组开头添加了两个元素,并返回新长度 alert(x); //输出5 shift() 方法把数组的第一个元素从其中删除,并返回第一个元素的值。 x=arr1.shift(); //删除第一个元素并返回被删除的元素 alert(x); //输出8
三丶数组的遍历
1.通常操作数组时,每个元素都要操作一遍,这个时候我们会用循环来访问每一个元素,循环
访问数组的每一个元素就叫做数组的遍历。
1
2
3
4
5
6
7
8
9
10
11for循环方式: var arr1=[1,2,3,4,5,6]; for(var i=0;i<arr1.length;i++){ console.log(arr1[i]); } for in 方式: var arr1=[1,2,3,4,5,6]; for(var i in arr1){ console.log(arr1[i]); }
2.二维数组
数组内的每一个元素也是一个数组
1
2
3
4
5
6
7
8var arr1 = []; var arr2 = [0,1]; var arr3 = [2,3]; arr1[0]=arr2; //把数组arr2赋值给arr1的第一个元素 arr1[1]=arr3; alert(arr1[0][0]); alert(arr1[1][1]);
四丶排序
1.冒泡
数组的数据如果是无序的,经常需要按大小个排序。排序算法有很多,我们介绍最常见的两个。
冒 泡排序和选择排序。
冒 泡排序算法的运作如下 :
从第一个元素开始比较后一个元素,只要前一个元素大于后一个元素就交换两元素位置。比完后的
元素应该就移动到数组最后的位置。
针对所有的元素重复以上的步骤,除了 最前一 个。
持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。
1
2
3
4
5
6
7
8
9
10
11
12排 序前 [2 ,4 4 ,7 7 ,5 5 ,3 3 ,6 6 , 1] 5 7 3 7 6 7 1 7 第一轮对比结果 [ [ 2, 4, 5, 3, 6, 1, 7] ] 第二轮 对比结果 [ [ 2, 4, 3, 5, 1, 6, 7] 第三轮 对比结果 [ [ 2, 3, 4, 1, 5, 6, 7] 第四轮 对比结果 [ [ 2, 3, 1, 4, 5, 6, 7] 第五轮 对比结果 [ [ 2, 1, 3, 4, 5, 6, 7] ] 第六轮 对比结果 [ [ 1, 2, 3, 4, 5, 6, 7] ]
2.选择
从所 有 元素 中 先找到 最小的 ,然后放到 第一个位置 。之后再看剩余元素中最小的,放到第二个位置 ……
以此类推,就可以完成整个的排序工作了。
1
2
3
4
5
6
7排 序前 [2 ,4 4 ,7 7 ,5 5 ,3 3 ,6 6 , 1] 第一轮对比结果 [1, 4, 7, 5, 3, 6, 2] ] 第 二轮对比结果 [1, 2, 7, 5, 3, 6, 4] ] 第三轮对比结果 [1, 2, 3, 5, 7, 6, 4] 第四轮对比结果 [1, 2, 3, 4, 7, 6, 5] 第五轮对比结果 [1, 2, 3, 4, 5, 6, 7]
五丶扩展知识
1.数值与引用类型
看例子猜结果:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16var x=0; var y=x; var y=1; console.log(x); console.log(y); var arr1=[2,4,7,5,3,6,1]; var arr2=arr1; arr2[0]=33; console.log(arr1); console.log(arr2); 案例10:值类型引用类型 0 1 [33, 4, 7, 5, 3, 6, 1] [33, 4, 7, 5, 3, 6, 1]
出现这种情况的原因是我们的变量分两类,一种是值类型,一种是引用类型。
值类型 : string 、数 值、布尔值、 null 、 undefined 。
引用类型:对象、数组、函数 。
1
2
3
4
5
6
7
8
9
10var x=0; var arr1=[2,4,7,5,3,6,1]; zhiyuyinyong(x,arr1); // 传参就是把变量值复制给参数,引用类型和值类型的区别自然也很明显 console.log(x); console.log(arr1); function zhiyuyinyong(num1,arr){ num1=1; arr[0]=33; }
2.对象的本质和意义
对象就是一组数据, 描述同一个概念 的不同属性。
比 如 猫咪
1
2
3
4
5
6
7
8
9
10
11
12var name=“ 猫咪 ”; var age=2; var color=“ 虎皮 ”; var hobby=“fish”; 主 要体会与数组数据的区别。 var name=“mix”; var color=“black”; var user=“diaosi”; var size= 6.4; var cpu=“xiaolong821”; var niux=ture;
3.JSON表示对象的方法
使用JSON(JavaScript Object Notation, JS 对象标记)表示对象的方式,就是花括号里的键值对。
1
2
3
4
5
6
7
8var mimi={ “name”:“猫咪”, “age”: 2, “color”:“虎皮”, “hobby”:““fish”, “action”: function(){ alert(“喵~~”);} };
语法要点: 1,花括号
2,键名要有双引号(字面量方式表示对象,键名不需要引号)
3,字符串值要有引号
4,键值之间是冒号
5,键值对之间是逗号
最后
以上就是忐忑山水最近收集整理的关于JS数组一丶数组概念及定义二丶数组常用方法三丶数组的遍历四丶排序五丶扩展知识的全部内容,更多相关JS数组一丶数组概念及定义二丶数组常用方法三丶数组内容请搜索靠谱客的其他文章。
发表评论 取消回复