Js基础知识数组

最新推荐文章于 2021-05-20 14:31:01 发布

z1440

最新推荐文章于 2021-05-20 14:31:01 发布

阅读量173

点赞数

文章标签： js

本文链接：https://blog.csdn.net/z1440/article/details/114500140

版权

Js基础知识数组

数组
数组也是一个对象，它和我们普通对象功能类似，也是用来存储一些值的
js 数组与对象的区别

数组表示有序数据的集合，而对象表示无序数据的集合。如果数据的顺序很重要，就用数组，否则就用对象。
数组和对象的另一个区别是，数组的数据没有”名称”（name），对象的数据有”名称”（name）。

数组的创建

使用构造函数创建数组

var arr = new Array();

使用构造函数创建数组时，也可以同时添加元素，将要添加的元素作为构造函数的参数传递，元素之间使用,隔开

var arr2= new Array(10,20,30);

使用字面量来创建数组

var arr = [];

使用字面量创建数组时，可以在创建时就指定数组中的元素

var arr = [1,2,3,4,5,10];

特征
数组中的元素可以是任意的数据类型
可以是对象

arr = [{name:"孙悟空"},{name:"沙和尚"},{name:"猪八戒"}];

可以是函数

arr = [function(){alert(1)},function(){alert(2)}];

遍历数组

For循环遍历数组

for(var i=0 ; i<arr.length ; i++){
				console.log(arr[i]);
			}

Foreach循环遍历数组

这个方法只支持IE8以上的浏览器，IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach，还是使用for循环来遍历
forEach()方法的三个参数

第一个参数，就是当前正在遍历的元素（值）
第二个参数，就是当前正在遍历的元素的索引（索引）
第三个参数，就是正在遍历的数组（对象）

var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
arr.forEach(function(value , index , obj){
				console.log(value);
			});

数组的属性
数组.length，作用是：获取数组的长度
可以通过此方法添加数组元素，语法：数组[数组.length] = 值;
向数组的最后一个位置添加元素
数组的方法

push()：向末尾添加元素，并返回新长度
pop()：删除数组的最后一个元素,并将被删除的元素作为返回值返回
unshift()：向数组开头添加一个或多个元素，并返回新的数组长度
shift()：删除数组的第一个元素，并将被删除的元素作为返回值返回
concat()：可以连接两个或多个数组，并将新的数组返回
slice():可以用来从数组提取指定元素,该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回
参数：
1.截取开始的位置的索引,包含开始索引
2.截取结束的位置的索引,不包含结束索引
第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
索引可以传递一个负值，如果传递一个负值，则从后往前计算
1 倒数第一个
2 倒数第二个Splice（）删除元素并想数组添加新元素
splice()：可以用于删除数组中的指定元素
使用splice()会影响到原数组，会将指定元素从原数组中删除,并将被删除的元素作为返回值返回
参数：
第一个，表示开始位置的索引
第二个，表示删除的数量
第三个及以后。。,可以传递一些新的元素，这些元素将会自动插入到开始位置索引前边
join()：该方法可以将数组转换为一个字符串
该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回
在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符
如果不指定连接符，则默认使用,作为连接符该方法不会对原数组产生影响
reverse()：该方法用来反转数组（前边的去后边，后边的去前边）, 该方法会直接修改原数组
sort()：可以用来对数组中的元素进行排序,也会影响原数组，默认会按照Unicode编码进行排序

因为默认是Unicode编码进行排序，所以对有些数字排序可能会得到错误的结果，我们可以在sort（）添加一个回调函数，来指定排序规则

回调函数中需要定义两个形参, 浏览器将会分别使用数组中的元素作为实参去调用回调函数
使用哪个元素调用不确定，但是肯定的是在数组中a一定在b前边浏览器会根据回调函数的返回值来决定元素的顺序，
如果返回一个大于0的值，则元素会交换位置如果返回一个小于0的值，则元素位置不变如果返回一个0，则认为两个元素相等，也不交换位置
如果需要升序排列，则返回 a-b
如果需要降序排列，则返回b-a

回调函数
概念：回调函数是作为参数传递给另一个函数,并在其父函数完成后执行的函数。
特点：不会立刻执行, 正如定义中给出的一样回调函数作为代码片段可以根据需要在其特定条件下执行, 回调函数作为参数传递给一个函数的时候，传递的只是函数的定义并不会立即执行。
因为这个例子很好所以引用下：约会结束后你送你女朋友回家，离别时，你肯定会说：“到家了给我发条信息，我很担心你。” 对不，然后你女朋友回家以后还真给你发了条信息。小伙子，你有戏了。其实这就是一个回调的过程。你留了个参数函数（要求女朋友给你发条信息）给你女朋友，然后你女朋友回家，回家的动作是主函数。她必须先回到家以后，主函数执行完了，再执行传进去的函数，然后你就收到一条信息了。

引用