By GokiSoft.com| 09:23 20/01/2021|
Học JS

[Share Code] Tìm hiểu Object & Array trong Javascript

#test.html


<!DOCTYPE html>
<html>
<head>
	<title>Array & Object tutorial</title>
	<meta charset="utf-8">
</head>
<body>
	<h1>Object tutorial</h1>
	<button onclick="openWeb()">Open Gokisoft</button>

	<script type="text/javascript">
		//Khi quan ly thong tin 1 sinh vien: ten, tuoi, diachi, email, sdt
		//Bieu dien 1 doi tuong cu the: Ten -> A, tuoi -> 20, diachi -> Ha Noi, email -> a@gmail.com, sdt -> 123456
		var std = {
			'ten': 'A',
			'tuoi': 20,
			'diachi': 'Ha Noi',
			'email': 'a@gmail.com',
			'sdt': '123456'
		}
		//truy cap toi tung thuoc tinh cua doi tuong nhu the nao.
		console.log(std.ten)
		console.log(std.tuoi)
		console.log(std.diachi)
		//thay doi du lieu cua tung thuoc tinh cua object -> std object
		std.diachi = 'Nam Dinh'
		console.log(std.diachi)

		console.log(std)
		// Tim hieu Array
		//Phan 1 -> Khai bao 1 array rong
		var arr1 = []

		//Phan 2 -> khai bao mang nhieu phan tu ngay tu dau
		var arr2 = [1, 5, 2, 9]
		console.log(arr2)

		//Phan 3 -> them 1 phan tu moi vao mang
		arr1.push(32)
		arr1.push(3)
		arr1.push(2)
		arr1.push(21)
		arr1.push(22)
		arr1.push(23)
		arr1.push(24)
		console.log(arr1)

		//Phan 4 -> Xoa + insert 1 phan tu vao vi tri bat ky
		arr1.splice(1, 2)
		console.log(arr1)

		arr1.splice(2, 0, 100000)
		console.log(arr1)

		//Phan 5 -> duyet qua cac phan tu trong mang arr1
		//length: arr1.length, index = 0 > (length - 1)
		for (var i = 0; i < arr1.length; i++) {
			console.log(arr1[i])
		}

		//Advanced array -> object array
		//Khai bao 1 mang gom 3 sinh vien
		var stdList = [
			{
				'ten': 'A',
				'tuoi': 12
			}, {
				'ten': 'B',
				'tuoi': 19
			}, {
				'ten': 'C',
				'tuoi': 16
			}
		]
		console.log(stdList)
		//Them 1 object  moi vao mang
		stdList.push({
			'ten': 'D',
			'tuoi': 99
		})
		console.log(stdList)

		for (var i = 0; i < stdList.length; i++) {
			document.write(stdList[i].ten + '<br/>')
		}

		arr1 = [1, 2, 3]

		function hienthi(arr) {
			sum = 0
			for (var i = 0; i < arr.length; i++) {
				console.log('>> ' + arr[i])
				sum += arr[i]
			}
			return sum
		}

		var sum1 = hienthi(arr1)
		console.log(sum1)

		var s1 = '1234567892345ddfd'
		var s2 = '23'
		console.log(s1.charAt(1))
		var s = s1.concat(s2)
		console.log(s)

		var i = s1.indexOf(s2)
		console.log('i >> ' + i)

		i = s1.lastIndexOf(s2)
		console.log('i >> ' + i)

		s = s1.replace('23', '_23_')
		console.log(s)

		function openWeb() {
			window.open('https://gokisoft.com', '_blank')
		}
	</script>
</body>
</html>


Tags:

Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)