数组
数组的创建
var aRr01 = new Array(1,2,3,'abc');//面向对象的方法创建
var aRr02 = [1,2,3,'def'];//直接创建 推荐使用,性能更高
获取数组的成员数量(长度)
alert(函数名.length)
alert(aRr02[3]); //获取从第4个位置的代码
数组常用方法
var aRr = [1,2,3,4];
- 1、用-连接数组元素并转为字符串
- /var sTr = aRr.join("-");
- 2、用空串连接
- aRr.join(’’);
- 3、向数组最后追加元素
- aRr.push(5);
- 4、删除末尾元素
- aRr.pop();
- 5、向最前面插入元素0
- aRr.unshift(0);
- 6、删除第一个(索引为0的)元素
- aRr.shift();
- 7、反转
- aRr.reverse();
var aRr2 = [‘a’,‘b’,‘c’,‘d’,‘a’,‘b’,‘c’,‘d’];
- 1、查找字母’b’第一次出现的索引
- var num = aRr2.indexOf(‘b’);
- 2、从第2索引元素开始,删除1个元素
- aRr2.splice(2,1);
- 3、从第2索引元素开始,删除1个元素,再插入e
- aRr2.splice(2,1,‘e’);
- 4、删除后面的abcd,改为fghi
- aRr2.splice(4,4,‘f’,‘g’,‘h’,‘i’);
通过标签获取元素
//获取页面上所有的li
var aLi = document.getElementsByTagName('li');
获取id为list01的ul
var oList = document.getElementById('list01');
//再获取这个ul下的所有li
var aLi = oList.getElementsByTagName('li');
<body>
<ul id="list01">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
<ul id="list02">
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
</ul>
</body>
循环语句
通过循环语句可以反复的执行一段代码多次:
while循环
- 语法:
while(条件表达式){
语句...
}
while语句在执行时,
先对条件表达式进行求值判断,
如果值为true,则执行循环体,
循环体执行完毕以后,继续对表达式进行判断
如果为true,则继续执行循环体,以此类推
如果值为false,则终止循环
do...while循环
语法:
do{
语句...
}while(条件表达式)
数组去重
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]);
}
}
字符串处理的方法
var sTr = ‘2018-06-20’;
- 1、字符串切断转成数组
- var aRr = sTr.split(’-’);
- var aRr2 = sTr.split(’’);
- 2、获取指定索引的字符
- var sTr4 = sTr2.charAt(0);
if(sTr4 == ‘#’){
}
- var sTr4 = sTr2.charAt(0);
var sTr5 = ‘Microsoft Yahei’;
- 3、查看子串第一次出现的位置
- var num = sTr5.indexOf(‘Yahei’);
- var num2 = sTr5.indexOf(‘xihei’);//没有找到就弹出-1
- 4、substring截取子串,从10开始,截到15(包括开始位置,不包括结束位置)
- sTr5.substring(10,15);
- 5、从10开始截取到末尾
- var sTr6 = sTr5.substring(10);
- 6、全部转为大写字母
- alert(sTr6.toUpperCase());
- 7、全部转为小写字母
- alert(sTr6.toLowerCase());
字符串反转
var sTr = “123asdf79888asdfe21”;
//1、split字符串转成数组
//2、reverse数组反转
//3、join数组转成字符串
var sTr2 = sTr.split('').reverse().join('');