JavaScript学习笔记

内容按照B站教程《web前端开发必会的技能，JavaScript从零基础入门到精通》排列。

1. 创建变量

var x=5;
var y=6;
var z=x+y;

2.创建数组

var arr = new Array();
var arr = [];	// 更常用
var arr1 = [1,2,'Cinnamon',true];	// 可以存放不同数据类型

3.函数使用

1. 声明函数

 function helloWorld() {
 	console.log('Hello World');
 }

2. 函数使用

 helloWorld();

4.创建对象

1. 利用对象字面量创建对象{}，var obj = {} //创建了一个空的对象

var obj = {
	uname:'张三疯',
	age:18,
	sex:'男',
	sayHi: function() {
		console.log('hi~');
	}
}

（1）里面的属性或者方法我们采用键值对的形式 键（属性名）：值（属性值）

（2）多个属性或者方法中间用逗号隔开

（3）方法冒号后面跟的是一个匿名函数

使用对象

（1）调用对象的属性，我们采取 对象名.属性名 console.log(obj.uname);

（2）调用属性还有一种方法 对象名[‘属性名’] console.log(obj['age']);

（3）调用对象的方法 sayHi 对象名.方法名() obj.sayHi()

2. 利用 new Object 创建对象

var obj = new Object();

3. 构造函数创建对象

   前两种方式一次只能创建一个对象

   构造函数的语法格式

 function 构造函数名() {
 	this.属性 = 值;
 	this.方法 = function() {}
 }
 new 构造函数名();

如构建刘德华对象

function Star(uname, age, sex) {
	this.name = uname;
	this.age = age;
	this.sex = sex;
	this.sing = function(sang) {
		console.log(sang);
	}
}
var ldh = new Star('刘德华',15,'男')；
ldh.sing('冰雨');

//1.构造函数名字首字母要大写

//2.构造函数不需要return

5.遍历对象

for (var k in obj) {
	console.log(k);	// k是变量，输出得到属性名
	console.log(obj[k]);	// obj[k]得到的是属性值
}

6.日期对象

6.1 创建对象

1. 使用Date，如果没有参数，返回当前系统的当前时间X

 var date = new Date();
 console.log(date);

2. 参数常用的写法：①数字型：2019, 10, 01 ②字符串型’2019-10-1 8:8:8’

 var date1 = new Date(2019, 10, 1);
 console.log(date1);	//返回11月而不是10月
 var date2 = new Date('2019-10-1 8:8:8');
 console.log(date2);

6.2 时间戳

1. 通过valueOf() getTime()

 var date = new Date();
 console.log(date.valueOf());
 console.log(date.getTime());

2. 最常用

 var date1 = +new Date();	// +new Date() 返回的就是总的毫秒数
 console.log(date1);

7. 数组对象

7.1 创建数组

1. 利用数组字面量

 var arr = [1, 2, 3];
 console.log(arr[0]);
 var newArr = []	// 空数组

2. 利用new Array()

 var arr1 = new Array();
 var arr2 = new Array(2);	//这个2表示数组的长度为2，里面有2个空的数组元素
 var arr3 = new Array(2, 3);	//	等价于[2,3]

7.2 检测是否为数组

1. instanceof 运算符 它可以用来检测是否为数组

 var arr = [];
 var obj = {};
 console.log(arr instanceof Array);
 console.log(obj instanceof Array);

2. Array.isArray(参数); H5新增的方法 ie9以上版本

 console.log(array.isArray(arr));
 console.log(array.isArray(obj));

7.3 添加删除数组元素的方法

7.4 数组排序

1. 翻转数组

 var arr = ['pink', 'red', 'blue'];
 arr.reverse();
 console.log(arr);

2. 数组排序（冒泡排序）

 var arr1 = [13,4,77,1,7];
 arr1.sort(function(a,b)){
           return a - b;	//升序
         //return b - a; //降序
           }

7.5 数组索引

8.字符串对象

8.1 返回字符位置

8.2 根据位置返回字符

8.3 拼接及截取字符串

8.4 其他方法

1. 替换字符 replace(‘被替换的字符’,‘替换为的字符’) 它只会替换第一个字符

 var str = 'andyandy';
 console.log(str.replace('a','b'));

2. 字符转换为数组 split(‘分隔符’)

 var str2 = 'red,pink,blue';
 console.log(str.split(','));