创建数组的方式
- 面向对象的方式创建
var aRr01 = new Array(1,2,3,'abc'); - 直接创建
var aRr02 = [1,2,3,'def'];//推荐使用,性能更高 - 获取数组的成员数量(长度)
alert(aRr02.length); - 获取数组指定下标对的元素
alert(aRr02[3]); - 多维数组
多维数组指的是数组的成员也是数组的数组。
var aList = [[1,2,3],['a','b','c']]
alert(aList[0][1]); //弹出2;
var aRr = [1,2,3,4];
用-连接数组元素并转为字符串
var sTr = aRr.join("-");//用-连接数组元素并转为字符串,弹出1-2-3-4
var sTr = aRr.join('');//用空串连接
alert(sTr);//弹出1234
向数组最后追加元素
aRr.push(5);
alert(aRr);//1,2,3,4,5
删除末尾元素
aRr.pop();
alert(aRr);//1,2,3
向最前面插入元素0
aRr.unshift(0);
alert(aRr);//0,1,2,3,4
删除第一个(索引为0的)元素
aRr.shift();
alert(aRr);//2,3,4
反转
aRr.reverse();
alert(aRr);//4,3,2,1
查找字母'b'第一次出现的索引
var aRr2 = ['a','b','c','d','a','b','c','d'];
var num = aRr2.indexOf('b');
alert(num);//1
从第2索引元素开始,删除1个元素
aRr2.splice(2,1);//删除c
alert(aRr2);//a,b,d,a,b,c,d
从第2索引元素开始,删除1个元素,再插入e
aRr2.splice(2,1,'e');//把c替换成e
alert(aRr2);//a,b,e,d,a,b,c,d
删除后面的abcd,改为fghi
aRr2.splice(4,4,'f','g','h','i');
alert(aRr2);//a,b,c,d,f,g,h,i
通过标签获取元素
window.onload = function(){
获取页面上所有的li
var aLi = document.getElementsByTagName('li');
获取id为list01的ul
var oList = document.getElementById('list01');
再获取这个ul下的所有li
var aLi = oList.getElementsByTagName('li');
alert(aLi.length);//8
aLi.pop();//错误用法,aLi是一个类似数组的选择集,没有数组通用的一些方法
aLi[0].style.backgroundColor = 'gold';
aLi[1].style.backgroundColor = 'gold';
}
数组去重
<meta charset="UTF-8">
<title>数组去重</title>
<script type="text/javascript">
var aRr = [1,3,4,1,6,9,1,2,5,3,1,6,5,4,4];
var aRr2 = [];
for(var i=0; i<aRr.length; i++){
//判断元素第一次出现的位置,恰好是当前索引时,就将元素放入新数组
if(aRr.indexOf(aRr[i]) == i){
aRr2.push(aRr[i]);
}
}
alert(aRr2);//1,3,4,6,9,2,5
字符串处理的方法
/*字符串切断转成数组*/
var sTr = '2018-06-20';
var aRr = sTr.split('-');
// alert(aRr);//2018,06,20
// console.log(aRr);
var aRr2 = sTr.split('');
// console.log(aRr2);
/*实际上就是修改了<title>标签的内容*/
// document.title = aRr2;
var sTr2 = '#div1';
var sTr3 = '.div1';
/*获取指定索引的字符*/
var sTr4 = sTr2.charAt(0);
if(sTr4 == '#'){
// alert('id选择器');
}
/*查看子串第一次出现的位置*/
var sTr5 = 'Microsoft Yahei';
var num = sTr5.indexOf('Yahei');
// alert(num);//10
var num2 = sTr5.indexOf('xihei');
// alert(num2);//没有找到就弹出-1
/*substring截取子串*/
//从10开始,截到15(包括开始位置,不包括结束位置)
// var sTr6 = sTr5.substring(10,15);//Yahei
//从10开始截取到末尾
var sTr6 = sTr5.substring(10);//Yahei
// alert(sTr6);
/*全部转为大写字母*/
// alert(sTr6.toUpperCase());//YAHEI
/*全部转为小写字母*/
alert(sTr6.toLowerCase());//yahei
字符串的反转
var sTr = "123asdf79888asdfe21";
1、split字符串转成数组
2、reverse数组反转
3、join数组转成字符串
var sTr2 = sTr.split('').reverse().join('');
alert(sTr2);//12efdsa88897fdsa321