javascript

  1. JavaScript
    1. 语法基础
      1. 基础对象
      2. 流程语法
        1. 循环
      3. 常用对象及函数
        1. 公共
        2. Object
        3. Array
        4. String
        5. Date
    2. 代码收集
      1. 垂直居中

JavaScript

语法基础

基础对象

流程语法

循环

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
for (var index = 0; index < myArray.length; index++) {
console.log(myArray[index]);
}

myArray.forEach(function (value) {
console.log(value);
});

for (var prop in obj) {
console.log("obj." + prop + " = " + obj[prop]);
}

//js 6
for (var value of myArray) {
console.log(value);
}

let iterable = "boo";
for (let value of iterable) {
console.log(value);
}

let iterable = new Map([["a", 1], ["b", 2], ["c", 3]]);
for (let [key, value] of iterable) {
console.log(value);
}
for (let entry of iterable) {
console.log(entry);
}
// [a, 1]

for (var key of Object.keys(someObject)) {
console.log(key + ": " + someObject[key]);
}

// 还可以循环一个生成器
function* fibonacci() { // a generator function
let [prev, curr] = [0, 1];
while (true) {
[prev, curr] = [curr, prev + curr];
yield curr;
}
}

for (let n of fibonacci()) {
console.log(n);
// truncate the sequence at 1000
if (n >= 1000) {
break;
}
}

常用对象及函数

公共

1
encodeURI(fileName);

Object

1
2
3
4
5
6
const obj = {};
obj.a='a';
obj['a']='a';
Object.keys(obj).length;
Object.assign(obj1,obj2,obj3); //Object.assign(target, ...sources)
for (variable in object) { ...}; //不可修改

Array

1
2
3
4
5
6
7
8
9
10
const arr = ['a','b','c'];
console.log(arr.length);
arr[0];
arr.push("Hola");
arr.concat([1,2]);
if(arr instanceof Array) arr.join(',');
const words = ["spray", "limit", "elite", "exuberant", "destruction", "present"];
let longWords = words.filter(word => word.length > 6); // creates a new array
for (let value of iterable) { ... }; //注意和obj的区别
arrayObject.splice(index,howmany,item1,.....,itemX)

String

1
stringObject.slice(start,end)

Date

代码收集

垂直居中

1
css实现:上层元素height:100%,contain元素:display:flex

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 jaytp@qq.com

💰

×

Help us with donation