Collection
Collection
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
<li>PHP1</li>
<li>PHP2</li>
<li>PHP3</li>
<li>PHP4</li>
<li>PHP5</li>
</ul>
<script>
var arr = [
'java',
'html',
500,
[11,22,33],
function (a,b) {
return a+b;
}
];
arr.forEach(function (value, index, array) {//参数说明 当前的值，当前的健，全部数组成员等同于arr
console.log(array[index]);
});
console.log(arr[0]);//取 'java'
console.log(arr[1]);//取 'html'
console.log(arr[2]);//取 500
console.log(arr[3]);//取 [11,22,33]
console.log(arr[3][2]);//取 [11,22,33]里面的33
console.log(arr[4](5,6));// 执行arr数组下标为4的function方法,返回5+6的和
var lis = document.getElementsByTagName('li');
// 用for 遍历 lis内的数组成员 此时lis是个对象 不能用forEach
for (var i = 0; i < lis.length; i++) {
if (i%2!==0){
lis[i].style.background='green';
}
}
// 可以用 silice()命令 来取出类数组的对象 取出以后就会变成数组类型
// silice()命令有2个参数 第一个是起始索引 第二个是结束索引 结束索引位置的值将会丢弃
var arr = Array.prototype.slice.call(lis);
// 取出以后就可以用数组的方式 来遍历成员
arr.forEach(function (value, index, array) {
if (index%2===0){
lis[index].style.background='red';
}
})
// splice()命令的用法说明 该命令返回被操作后的数组 原数组将会被修改
// 第一个参数(需要操作的起始索引 -1代表最后一个位置)
// 第二个参数 1代表删除(如果第三个参数有值就是替换) 0代表不删除(如果第三个参数有值就是添加)
// 第三个参数是需要添加或者修改的值(取决于第二个参数) 后面可以有N个第三参数
var arl = [1,2,3,4,5,6,7,8,9];
arl.splice(1,0,'哈哈')//在索引1的位置添加 '哈哈'
var art = [1,2,3,4,5,6,7,8,9];
art.splice(2,1,'哈哈')//在索引2的位置替换 '哈哈'
var arq = [1,2,3,4,5,6,7,8,9];
arq.splice(3,1)//删除索引3的位置的数组成员
var are = [1,2,3,4,5,6,7,8,9];
are.splice(-1,1,'PHP')//在最后一个索引位置替换 'PHP'
var arw = [1,2,3,4,5,6,7,8,9];
arw.splice(arw.length,1,'html')//在最后一个索引位置增加 'html'
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
<li>PHP1</li>
<li>PHP2</li>
<li>PHP3</li>
<li>PHP4</li>
<li>PHP5</li>
</ul>
<script>
var arr = [
'java',
'html',
500,
[11,22,33],
function (a,b) {
return a+b;
}
];
arr.forEach(function (value, index, array) {//参数说明 当前的值，当前的健，全部数组成员等同于arr
console.log(array[index]);
});
console.log(arr[0]);//取 'java'
console.log(arr[1]);//取 'html'
console.log(arr[2]);//取 500
console.log(arr[3]);//取 [11,22,33]
console.log(arr[3][2]);//取 [11,22,33]里面的33
console.log(arr[4](5,6));// 执行arr数组下标为4的function方法,返回5+6的和
var lis = document.getElementsByTagName('li');
// 用for 遍历 lis内的数组成员 此时lis是个对象 不能用forEach
for (var i = 0; i < lis.length; i++) {
if (i%2!==0){
lis[i].style.background='green';
}
}
// 可以用 silice()命令 来取出类数组的对象 取出以后就会变成数组类型
// silice()命令有2个参数 第一个是起始索引 第二个是结束索引 结束索引位置的值将会丢弃
var arr = Array.prototype.slice.call(lis);
// 取出以后就可以用数组的方式 来遍历成员
arr.forEach(function (value, index, array) {
if (index%2===0){
lis[index].style.background='red';
}
})
// splice()命令的用法说明 该命令返回被操作后的数组 原数组将会被修改
// 第一个参数(需要操作的起始索引 -1代表最后一个位置)
// 第二个参数 1代表删除(如果第三个参数有值就是替换) 0代表不删除(如果第三个参数有值就是添加)
// 第三个参数是需要添加或者修改的值(取决于第二个参数) 后面可以有N个第三参数
var arl = [1,2,3,4,5,6,7,8,9];
arl.splice(1,0,'哈哈')//在索引1的位置添加 '哈哈'
var art = [1,2,3,4,5,6,7,8,9];
art.splice(2,1,'哈哈')//在索引2的位置替换 '哈哈'
var arq = [1,2,3,4,5,6,7,8,9];
arq.splice(3,1)//删除索引3的位置的数组成员
var are = [1,2,3,4,5,6,7,8,9];
are.splice(-1,1,'PHP')//在最后一个索引位置替换 'PHP'
var arw = [1,2,3,4,5,6,7,8,9];
arw.splice(arw.length,1,'html')//在最后一个索引位置增加 'html'
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例