【JavaScript學習筆記】03 字符串和數組

2018.4.21

字符串

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>字符串</title>
	</head>
	<body>
		<script type="text/javascript">
			function stringTest() {
				var str = "字符串是個啥";
				// str字符串中第3到第5的字符串,要頭不要尾
				var subString = str.substring(2,4);
				
				console.log("subString:"+subString);
				var urlStr = "wdadadeadaedadafeegw-v.vmwoi";
				// spilt("")以e分割字符串
				var arrays = urlStr.split("e");
				console.log(arrays);
				
				//這裏的操作除了文件不同,變量定義不同,方法和使用方式和JAVA很相似。
				for (var i = 0; i< arrays.length; i++) {
					if(arrays[i].indexOf("ada") == 0){
						console.log(arrays[i].substring(arrays[i].indexOf("=")+1))
						
					}
				}
				//foreach裏面的參數是一個callback回調函數
				arrays.forEach(function(item) {
					console.log("aaa"+item);
				});
				
			}
			
			stringTest();
		</script>
	</body>
</html>
結果:
    [Web瀏覽器] "subString:串是"	/day30/04-js-string.html (13)
    [Web瀏覽器] "wdadad,ada,dadaf,,gw-v.vmwoi"	/day30/04-js-string.html (16)
    [Web瀏覽器] "ada"	/day30/04-js-string.html (21)
    [Web瀏覽器] "aaawdadad"	/day30/04-js-string.html (27)
    [Web瀏覽器] "aaaada"	/day30/04-js-string.html (27)
    [Web瀏覽器] "aaadadaf"	/day30/04-js-string.html (27)
    [Web瀏覽器] "aaa"	/day30/04-js-string.html (27)
    [Web瀏覽器] "aaagw-v.vmwoi"	/day30/04-js-string.html (27)

數組

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>數組的定義</title>
	</head>
	<body>
		<script type="text/javascript">
			var arrays = new Array();//類似於java裏面的Arraylist
			arrays[0]="雲姨";
			arrays[1]="雲嬸";
			arrays[2]="雲大娘";
			
			for(var i = 0; i<arrays.length;i++) {
				console.log(arrays[i]);
			}
			//增強for循環
			arrays.forEach(function(item) {
				console.log(item);
				
			});
			
			var doubleArray = [["污雲","賦賦","老付"],["大飛","我黨","翹臀"]];
			
			for (var i= 0;i<2;i++){
				for(var j = 0;j<3;j++){
					console.log(doubleArray[i][j]);
				}
			}
			
			//高大上一點
			doubleArray.forEach(function(arr) {
				arr.forEach(function(item){
					console.log("---->"+item);
					
				});
				
			});
			
		</script>
	</body>
</html>
結果:
    [Web瀏覽器] "雲姨"	/day30/07-js-array.html (15)
    [Web瀏覽器] "雲嬸"	/day30/07-js-array.html (15)
    [Web瀏覽器] "雲大娘"	/day30/07-js-array.html (15)
    [Web瀏覽器] "雲姨"	/day30/07-js-array.html (19)
    [Web瀏覽器] "雲嬸"	/day30/07-js-array.html (19)
    [Web瀏覽器] "雲大娘"	/day30/07-js-array.html (19)
    [Web瀏覽器] "污雲"	/day30/07-js-array.html (27)
    [Web瀏覽器] "賦賦"	/day30/07-js-array.html (27)
    [Web瀏覽器] "老付"	/day30/07-js-array.html (27)
    [Web瀏覽器] "大飛"	/day30/07-js-array.html (27)
    [Web瀏覽器] "我黨"	/day30/07-js-array.html (27)
    [Web瀏覽器] "翹臀"	/day30/07-js-array.html (27)
    [Web瀏覽器] "---->污雲"	/day30/07-js-array.html (34)
    [Web瀏覽器] "---->賦賦"	/day30/07-js-array.html (34)
    [Web瀏覽器] "---->老付"	/day30/07-js-array.html (34)
    [Web瀏覽器] "---->大飛"	/day30/07-js-array.html (34)
    [Web瀏覽器] "---->我黨"	/day30/07-js-array.html (34)
    [Web瀏覽器] "---->翹臀"	/day30/07-js-array.html (34)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章