JavaScript知识--数组遍历、获取数据

数组遍历：含义：按照顺序访问数组中的每个元素，通过遍历数组，我们可以对其进行想要的操作今天我们学的是用for来进行数组遍历，有效的减少了代码量。

        步骤：（1）声明数组（2）for循环遍历数组

        获取数据：数组使用“[]"来获取，对象通过”.“来获取

                例：

<script>
			var arr=[20,30,"老师",true,false,0.3,]//声明数组
			//遍历数组
			for(var i=0;i<=arr.length;i++){
				console.log(arr[i])
			}
			console.log(arr)//将数组中的元素都运行出来了
		</script>

                ​​​​​​​        

 数组中可以存储各种数据类型，数组中可以包含元素、函数，数组等

        例：已知：arr = [[10,30,21, 20, 30], ["ajax","JavaScript", "HTML/css", "MySQL","TypeScript", "框架"], [true, false, "hello", 123, 0.5, .9]];则获取["ajax","JavaScript", "HTML/css", "MySQL", "TypeScript", "框架"]中的各个元素

<script>
            //声明数组
			var arr = [[10,30,21, 20, 30], ["ajax","JavaScript", "HTML/css", "MySQL", "TypeScript", "框架"], [true, false, "hello", 123, 0.5, .9]];
            //遍历数组，已知所求元素下标是1，
			for(var i=0;i<=arr[1].length;i++){
				console.log(arr[1][i])//对下标是1的数组进行遍历
			}
		</script>

        ​​​​​​​        ​​​​​​​        ​​​​​​​        

 例2：获取书名以及价格

<script>
         //定义数组，数组中有数组，对象相互结合的，获取书本的书名以及价格
			var arr=[
				{ uname: "小丽", book: [{ name: "《一千零一夜》", price: "10元" }], book: [{ name: "《斗罗大陆1》",price: "25元" }],book: [{ name: "《斗破苍穹》",price: "40元" }]},
			    { uname: "小红", book: [{ name: "《安徒生童话》", price: "23元" }] },
			    { uname: "李华", book: []},
			    { uname: "小明", book: [{ name: "《十万个为什么》", price: "15元" }], book: [{ name: "《格林漫画》",price: "44元" }],book: [{ name: "《c语言》", price: "50元" }]}
			]
         //遍历arr数组的每个元素
			for(var i=0;i<arr.length;i++){
        //遍历arr数组的的元素里的每个元素
				for(var j=0;j<arr[i].book.length;j++){
        //打印书名和价格：数组用"[]",对象用"."
					console.log(arr[i].book[j].name,arr[i].book[j].price)//《斗破苍穹》 40元 《安徒生童话》 23元  《c语言》 50元        
				}
			}
			
		</script>

        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​