数组:内存中连续存储多个变量的存储空间,
一、声明数组:
1.声明一个空数组
var arr=[];
var arr=new Array()
2.声明数组的同时初始化数据
var arr=['值1','值2','值3'];
var arr=new Array('值1','值2','值3');
3.创建n个空元素的数组
var arr=new Array(n);
二、访问数组中的元素
下标:数组中唯一标识一个元素存储位置的序号
下标默认从0开始,逐渐递增,不重复
arr[i]访问下标为i位置的元素
三、数组的length属性
标识了数组中理论上的元素个数
任何情况下,数组的长度永远等于最大下标+1
固定套路:
访问数组中的最后一个元素arr[arr.length-1]
访问数组中倒数第n个元素 arr[arr.length-n]
末尾追加新元素:arr[arr.length]=新值
js中的数组有三个不限制:
1.不限制数据类型
2.不限制下标越界
获取元素时,下标越界,不报错,返回undefined
3.不限制元素的个数
设置元素时下标越界会自动添加新元素
四、数组的遍历
遍历:一次访问数组中的每个元素
for(var i=0;i
console.log(arr[i]);//输出数组中的当前元素
}
关联数组/hash数组
索引数组:下标为数字的数组
关联数组:下标部位数字的数组
var zse=[];
zse['name']='张三';
zse['age']='18';
zse['sex']='boy';
console.log(zse);
注:关联数组没有length属性
关联数组不能用for遍历,要用for....in遍历
for(var key in hash){
//key代表关键字,即下标
//hash代表数组名
}
例:
var wangshuaikang=[];
wangshuaikang['pt']='women';
wangshuaikang['ppt']='chou';
wangshuaikang['pppt']='hei';
wangshuaikang['ppppt']='胸大';
wangshuaikang['pppppt']='无脑';
console.log(wangshuaikang);
for(var erhou in wangshuaikang){
console.log(wangshuaikang[erhou]);
}
五、数组API:
1.转字符串: 2种
1.将数组中每个元素都转为字符串,再用逗号分隔: var str=String(arr);
例:
var arr=[1,2,3,4,5,6];
var str=String(arr);
console.log(str);
console.log(arr);
2.将数组中每个元素都转为字符串,再用自定义下标连接每个元素:
var str=arr.join("自定义连接符")
强调:如果省略参数,默认等效于String
固定套路:
1.无缝拼接: arr.join("")
2.将单词拼接为句子: arr.join(" ")
3.判断空数组: arr.join("")==""
4.根据数组中的元素,动态生成页面元素的内容
例:
转换为单词,或句子,如果连接符为空,则和string一样
var arr=['I','o','v','e'];
var str=arr.join('');
var str2=arr.join('-');
console.log(str);
console.log(str2);
2.拼接和截取:
拼接:
var newArr=
arr1.concat(值1,值2,arr2,....)
将值1,值2,以及arr2中每个元素依次拼接到arr1结尾,返回新数组。
何时使用:将多个元素或其他数组,拼接到当前数组上时
强调:
1.concat无权修改原数组,只能返回新数组
所以,必须用变量接住拼接后的返回值
2.concat可打散数组类型的参数为单个元素
截取:(复制)
var subArr=arr.slice(starti,endi+1);
复制arr中starti位置开始到endi结束的元素组成子数组返回。
何时:选取数组中指定位置的子数组时
强调: 1.无权修改原数组,只返回新子数组
2.含头不含尾
3.其实可使用负数参数,表示倒数第n个
简写:
1.省略第二个参数,表示一直截取到结尾
2.两个都省略,表示完整复制原数组中的元素到新数组。
不能只省略第一个参数——报错
3.splice:删除,插入,替换
删除数组中指定位置的元素:
arr.splice(starti,n):
删除arr中starti位置开始的n个元素
其实: var deletes=arr.splice(starti,n)
deletes:返回的被删除的元素组成的临时子数组。
在数组指定位置插入新元素:
arr.splice(starti,0,值1,值2,...)
在starti位置插入新值
原starti位置的值被向后顺移
强调: splice,不支持打散数组参数
插入: splice vs concat
concat只能在开头或结尾拼接,不能中间插入。但可打散数组类型参数
splice可在任意位置插入,但不可打散数组类型参数。
替换数组中指定位置的元素
arr.splice(starti,n,值1,值2,...)
先删除starti位置的n个旧元素
再在starti位置插入新值
强调:删除的个数和插入的个数不必一致
splice可自动调节数组的长度和位置
翻转: arr.reverse();
六、数组排序
arr.sort();
var arr=[2,4,3,5,1];
var str=arr.sort();
console.log(str);
像以下这种函数用arr.sort无法实现排序,这时候就需要用到比较器函数
var arr=[1,12,22,13,23,33,3,2];
function cmp(a,b){
return a-b;升序排列
return b-a;降序排列
}
console.log(arr.sort(cmp));
七.数组API
1.String()把数组转为字符串
var arr=[1,2,3,4,5];
var str=String(arr);
console.log(str);
不修改原数组
例:
var arr=[1,2,3,4,5,6];
var str=String(arr);
console.log(str);
console.log(arr);
2.join('')拼接,把数组中的元素拼接为字符串
var arr=['a','b','c','d','e'];
var str=arr.join('-');
var str=arr.join();//join中不添加任何拼接符的时候默认和String一样
console.log(str);
例:
转换为单词,或句子,如果连接符为空,则和string一样
var arr=['I','o','v','e'];
var str=arr.join('');
var str2=arr.join('-');
console.log(str);
console.log(str2);
3.concat()拼接
var arr=[1,2,3,4,5];
var str=arr.concat('a','b');
console.log(str);
2个数组拼接
var arr=[1,2,3,4,5,6];
var arr2=['true','false'];
var str1=arr.concat(arr2);
console.log(str1)/
注:join和concat的区别
join适用于把字母拼接为单词,把单词拼接为句子,拼出来的是字符串
concat是给数组后面拼接新元素,或把两个数组拼接,拼出的还是数组
4.slice(strati,endi+1)截取
特点1.含头不含尾
特点2.如果省略第二个参数默认从第一个参数开始截取到末尾
特点3.如果两个参数都省略相当于复制原字符串
支持负数参数
var arr=[1,2,3,4,5];
var str1=arr.slice(1,3);从下标为1的位置截取到下标为3的位置
console.log(str1);
var str2=arr.slice(1);如果省略第二个参数默认从第一个参数开始截取到末尾
var str3=arr.slice();如果两个参数都省略相当于复制原字符串
var str4=arr.slice(-4,-2);支持负数参数,小数在前,大数在后
console.log(str4);
例:
var arr=[1,2,3,4,5,6];
var str=arr.slice(1,5);含头不含伟
var str=arr.slice(-3,-1);下标可以用负数
var str=arr.slice(2);第二个参数可以省略,从当前下表开始到最后
var str=arr.slice();复制数组
console.log(str);
5.splice(strati,n)删除 插入 替换
删除
var arr=[1,2,3,4,5];
var str=arr.splice(1,2);//表示从下标为1的位置处开始删除2个
console.log(str);
console.log(arr);
插入
var arr=[1,2,3,4,5];
var str=arr.splice(1,0,'a','b','c');//从下标为1的位置处开始删除0个并插入新元素
console.log(arr);*/
替换
var arr=[1,2,3,4,5];
var str=arr.splice(1,2,'a','b');//从下标为1的位置处开始删除2个并替换新元素
console.log(arr);
例:
删除:
var arr=[1,2,3,4,5,6,7];
var str=arr.splice(1,4);
console.log(arr);
添加:
var arr=[1,2,3,4,5,6,7];
var str=arr.splice(1,0,'9','8');
console.log(arr);
替换:
var arr=[1,2,3,4,5,6,7];
var str=arr.splice(1,4,'t','e','w');
console.log(arr);
6.reverse()翻转
var arr=[1,2,3,4,5];
var str=arr.reverse();
console.log(str);
例:
var arr=['w','s','k','I','v','o','e'];
var str=arr.reverse();
console.log(str);
排序:
例:
var arr=[2,3,6,9,7,5,4,1,8];
var str=arr.sort();
var app=str.reverse();
console.log(app);
var arr=[2,3,666,9,76,5,46,16,8,1];
function app(a,b){
return a-b;
}
console.log(arr.sort(app));