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)
