Compare commits

...

4 Commits

Author SHA1 Message Date
a5be34f3ab add arr.sort 2024-06-16 21:21:58 +02:00
096d8af2ee add arr.map 2024-06-16 21:03:42 +02:00
14dbb96102 init 2024-06-16 21:02:41 +02:00
e937deceea add 5.4 array 2024-06-16 21:02:11 +02:00
3 changed files with 93 additions and 0 deletions

12
5.4ArrayMethod/index.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="./t.js"></script>
</body>
</html>

51
5.4ArrayMethod/t.js Normal file
View File

@ -0,0 +1,51 @@
array = ["Bilbo", "Gandalf", "Nazgul"];
array.forEach((item, index, array) =>{
console.log(`${item} is at index ${index} in ${array}`)
});
console.log(`arr.indexOf(Bilbo): ${array.indexOf("Bilbo")}`)
console.log(`arr.indexOf(Bilbo): ${array.includes("Bilbo")}`)
let fruits = ['Apple', 'Orange', 'Apple']
console.log(`fruits.indexOf('Apple'): ${fruits.indexOf('Apple')}`)
console.log(`fruits.lastIndexOf('Apple'): ${fruits.lastIndexOf('Apple')}`)
// arr.find(fn)
let users = [
{id: 1, name: "xingzhesun"},
{id: 2, name: "zhexingsun"},
{id: 3, name: "sunxingzhe"},
];
let user1 = users.find(item => item.id == 1);
let user2 = users.findLastIndex(item => item.id == 1);
console.log(user1.name);
console.log(user2.name);
// arr.filter
let someUsers = users.filter(user => user.id < 3);
console.log(someUsers)
someUsers = users.filter(function(item, index, array){
if (item.id < 3){
return true;
}
})
console.log(someUsers);
// arr.map(fn)
let lengths = array.map(item=>item.length);
console.log(lengths);
// arr.sort(fn)
function compare(a, b){
if (a > b) return 1;
if (a == b) return 0;
if (a < b) return -1;
}
arr = [15, 2 ,1];
console.log(`arr.sort(): ${arr.sort(compare)}`);
console.log(`arr.sort(): ${arr.sort((a,b) => a - b)}`);
let countries = ['Österreich', 'Andorra', 'Vietnam'];
console.log(countries.sort((a,b) => a.localeCompare(b)))

View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.css">
<!-- add mocha framework code -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/3.2.0/mocha.js"></script>
<script>
mocha.setup('bdd'); // minimal setup
</script>
<!-- add chai -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.js"></script>
<script>
// chai has a lot of stuff, let's make assert global
let assert = chai.assert;
</script>
</head>
<body>
<script>
let code = {
"49": "Germany",
"+49": "Germany number",
"1": "US",
"+1": "US number"
};
for(key in code){
alert(key);
}
</script>
</body>