Hello JavaScript —— 1 快速入门

快速入门

引入javascript

1. 内部标签

<script>
    //...
</script>

2. 外部引入
   main.js

alert("helloworld");

index.html

<script src="main.js"></script>

变量

变量声明

var 全局变量

//定义变量 var 变量名 = 变量值 javascript
var 世界 = "世界"
document.writeln("你好");
document.writeln(世界);

let 局部变量

//定义变量 var 变量名 = 变量值 javascript
let 世界 = "世界"
document.writeln("你好");
document.writeln(世界);

严格模式

严格检查模式 预防js的随意性导致产生一些问题

'use strict'

数据类型

number
js不区分小数和整数 全是Number

123 //整数
123.1 //浮点数
1.123e3 //科学计数法
-99 //负数
NaN //not a number
Infinity //无限大

字符串

• 普通字符串

let str1 = 'abc' 
let str2 = "abc"
let str3 = 
`
hello
world

`

• 字符串模板

let name = "eintr";
let age = 23;
let msg = `你好${name}`

• 字符串长度

• 字符串的不可变性

let name = "eintr";
name[0] = 'E';
document.writeln(name);

• 大小写转换

let name = "eintr";
let NAME = "EINTR";
document.writeln(name.toUpperCase());
document.writeln(NAME.toLowerCase());

• indexOf

let name = "eintr";
document.writeln(name.indexOf('i'));

• substring 左闭右开

let name = "impacteintr";
let subname = name.substring(6);
document.writeln(subname)

布尔值
true,false

运算符

逻辑运算

&& || !

比较运算符

• == 值等于(类型不一样，值一样，也会判断为true)

数组

Array可以包含任意的数据类型

let arr = [1,2,3,4,5,6];
document.writeln(arr);

• arr.length长度是一个可变的属性

let arr = [1,2,3,4,5,6];
arr.length = 10;
document.writeln(arr);//1,2,3,4,5,6,,,,

假如给arr.length复制 数组大小就会发生变化 如果赋值过小 元素就会丢失

• indexOf() 通过元素获取下标索引

• slice() 截取Array的一部分 返回新数组

• push() pop()

push 压入数组尾部
pop弹出尾部的一个元素

• unshift() shift()

ubshift 压入数组头部
shift 弹出头部的一个元素

• 排序sort()

(3)["B","C","A"]
arr.sort()
(3)["A","B","C"]

• 元素反转

(3)["C","B","A"]
arr.reverse()
(3)["A","B","C"]

• concat()

(3)["C","B","A"]
arr.concate([1,2,3])
 -> (3)["A","B","C",1,2,3]
//arr本体没有变

(3)["C","B","A"]

注意concat()并没有写该数组 只是会返回一个新的数组

• 连接符 join()
  打印拼接数组 使用特定的字符串连接

(3)["C","B","A"]
arr.join('-')
"C-B-A"

• 多维数组

arr = [[1,2][3,4]["5","6"]]
a[1][2]

4

map & set

map == std::map

let scoretable = new Map(
            [['tom',100],
            ['jack',90],
            ['eintr',80]]
);

let score1 = scoretable.get("eintr");

document.writeln(score1);

set == std::set

set.add(2);
set.dalete(1);
set.has(3);//是否包含某个元素

iterator

遍历数组

var arr = [3,4,5]
for (var x of arr){
    console.log(x);
}

遍历map

var map = newMap([["tom",200],["jack",80]])
for (let x of map){
    console.log(x);
}

遍历set

var ser = new Set([5,6,7]);
for (let x of map){
    console.log(x);
}

对象

对象声明

var 对象名{
    属性名:属性值,
    属性名:属性值,
    属性名:属性值
}

var person = {
    name:"eintr",
    age:233,
    score:100
}

javascript 中所有的键都是字符串，值是任意对象

• 对象赋值

person.name = "impact"

person.name
"impact"

• 使用一个不存在的对象属性，不会报错

person.null 
undefined

• 动态的删减属性，通过delete删除对象的属性

delete persion.name
true
persion

• 判断属性值是否在这个对象中 xxx in XXX

'age' in person
true

• 判断一个属性是否是这个对象自身拥有的 hasOwnProperty()

person.hasOwnProperty('toString')
false

person.hasOwnProperty('age')
true

流程控制

• if 和c一样
• while() 和c一样
• do while 和c 一样
• for

let N  = 10
for(let i = 0;i < N;i++){
    document.writeln(i);
}

• forEach()

let arr = [1,2,3,4,5];
arr.forEach(function(value){
        document.writeln(value);
});

• for … in

for (var x in person){
    document.writeln(x);
}