var arr = [‘a’，‘b’，'c']
for (let i = 0i<arr.lengthi++){
console.log(i,arr[i])
}
对象：
var person = { name:'tom',age:'29',sex:'男‘}；
// 对象如果要用for循环来遍历，需要先有Object.key()的方法来拿到可迭代（遍历）的私有属性名的集合（数组）
var keys = Object.keys(person)
for (let i = 0i<keys.lengthi++){
console.log(keys[i]+":"+person[keys[i]])
}
数组：
for(let key in arr){
// 值得注意的是，key为数组的索引，如若需要获取属性的值，则需要使用数组加索引下标 的形式来获取
console.log(key,arr[key])
}
对象：
for(let key in obj){
// 值得注意的是，key为对象的键名，键值要以obj[key]的方式来获取
console.log(key，obj[key])
}
数组：
for(let value of arr){
//值得注意的是，for...of跟for...in是不一样的，for...in遍历的是数组的索引，for...of遍历的是数组的值
console.log(value)
}
对象：
for...in是不能单独来遍历一个对象的，会报错。
如果对象是一个类数组对象，那用array.from方法转成一个数组就可以用for...of来遍历了。
或者结合Object.keys()方法来使用
for(let key of Object.keys(obj)){
// for...of遍历输出的也是键名
console.log(key,obj[obj])
}
数组：
forEach（）方法遍历数组是没有返回值
值得注意的是数组中有几项，那么传递进去的匿名回调函数就需要执行几次；
arr.forEach((item,index,arr)=>{
console.log(item,index,arr)
)
// 其中item是数组中的当前项，index是数组中的当前下标，arr是原始数组
对象：
原则上forEach是用来遍历数组的，不能遍历对象，但是可以用Object.getOnwPropertyNames()方法来使得对象能被forEach遍历出来。
Object.getOnwPropertyNames()返回一个数组，成员是参数对象自身全部属性的属性名，不管该属性是否能被遍历。
Object.getOnwPropertyNames(obj).forEach((item,index,arr)=>{
console.log(item,index,obj[item])
})
使用for...in可以遍历js对象的属性，用法如下：for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。
for (变量 in 对象)
{
//在此执行代码
}
“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。
示例：
for (var sProp in window) {
alert(sProp)
}
以上例子会弹出window对象中的所有属性
putArr=document.getElementsByClassName() ()("input的class名称")
putArr=document.getElementById()("input的id")
putArr=document.getElementsByName("input的名称")
for(var i=0i<inputArr.lengthi++){
alert(inputArr[i].id)
}
扩展资料
Document 对象事件
1、onactivate，当对象设置为活动元素时触发。
2、onbeforeactivate，对象要被设置为当前元素前立即触发。
3、onbeforecut，当选中区从文档中删除之前在源对象触发。
4、onbeforedeactivate，在 activeElement 从当前对象变为父文档其它对象之前立即触发。
5、onbeforeeditfocus，在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。
6、onbeforepaste，在选中区从系统剪贴板粘贴到文档前在目标对象上触发。
7、onclick，在用户用鼠标左键单击对象时触发。
8、onmouseover，鼠标指针移到对象时触发
9、onmouseout，鼠标指针移出对象时触发
Document 对象方法
1、attachEvent，将指定函数绑定到事件，以便每当该事件在对象上触发时都调用该函数。
2、clear，目前尚未支持。
3、close，关闭输出流并强制将数据发送到显示。
4、createAttribute，以指定名称创建 attribute 对象。
5、createComment，以指定数据创建 comment 对象。
6、createDocumentFragment，创建一个新文档。
7、createElement，为指定标签创建一个元素的实例。
8、createEventObject，生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。
9、createStyleSheet，为文档创建样式表。
10、createTextNode，从指定值中创建文本字符串。
11、detachEvent，从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了
12、write()，动态向页面写入内容
13、createElement(Tag)，创建一个html标签对象
14、getElementById(ID)，获得指定ID值的对象
15、getElementsByName(Name)，获得指定Name值的对象
示例
下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。
if (document.title!="") alert("标题为 " + document.title)下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数，所得位置相对于文档的左上角。
<HTML>
<HEAD>
<TITLE>报告鼠标移动</TITLE>
<SCRIPT LANGUAGE="JScript">
function reportMove(){
window.status = "X=" + window.event.x + " Y=" + window.event.y
}
</SCRIPT>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
参考资料：百度百科：document对象
