实例
<!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>
运行实例 »
点击 "运行实例" 按钮查看在线实例