js简单入门

1.js概述

js 弱类型

• 数据类型

  • number
  • boolean
  • string
  • undefined
  • null
  • object
  • array

• 脚本语言 : 不需要通过编译 通过解释执行器直接运行

2.java基本数据类型

• 数值型
  • byte
  • short
  • int
  • long
  • float
  • double
• 字符型char
• 布尔型boolean

3.数组

3.1.分离字符串 split()

var str = "A,B,C,D";
var s = str.split(",");//s为数组
document.write(s + "<br />");

3.2.数组排序sort

//7.字符串数组的排序
var strs = ["c", "o", "a", "d", "e"];
strs.sort();
document.write(strs + "<br />");

3.3.数组添加元素push

3.4.数组删除尾部元素pop

3.5.指定索引位置删除数组元素

var strs = ["c", "o", "a", "d", "e"];
var index = strs.indexOf("c");
strs.splice(index, 1);

3.6.使用forEach遍历循环

var emp = ["tom", "lim", "eric", "jack"];
emp.forEach(function(value, index){
	document.write(index + " : " + value + "<br />");
},emp)

回调函数举例

function say (value) {
    alert(value);
}
function execute (someFunction, value) {
    someFunction(value);
}
execute(say, 'hi js.');

function execute (someFunction, value) {
    someFunction(value);
}
execute(function(value){alert(value);}, 'hi js.');

上面第一段代码是将say方法作为参数传递给execute方法，第二段代码则是直接将匿名函数作为参数传递给execute方法。

4.对象

4.1创建对象

  1.使用字面量表示法

var message = "china";
document.write(message.length);

  2.

var car = {
  brand: "audi",
  color: "red",
  price: 50000
};
var person1 = {
  name: "zhangsan",
  age: 18,
  sex: "男",
  mycar: car,
  msg: function(){
  	alert("姓名："+ this.name + "年龄: " + this.age + "性别：" + this.sex);
  }
};

  3.通过构造函数方式创建(使用对象构造器)   var obj=new 函数名();

var person2 = new Object();
person2.name = "tom";
person2.age = 20;
person2.sex = "男";
person2.msg = function(){
  alert("我正在睡觉.");
}

4.2访问、修改属性

  1.第一种方式

person1.name = "jack";
person1.age = 20;
person1.mycar.brand = "BMW";


  2.第二种方式

person1["sex"] = "female";

5.类型转化

5.1转化成字符串

5.1.1 toString( )

var num = 123;
str = num.toString();
document.write("num :" + typeof(str) + "<br />");

5.1.2 String( )

var num = 123;
str = num.toString();
	document.write("num :" + typeof(str) + "<br />");

5.1.3 拼接字符串

var num2 = 789;
document.write(typeof(num2 + "") + "<br />");

5.2 转化成数值型

5.2.1 parseInt(string, radix)

• string：要被解析的值。如果参数不是一个字符串，则将其转换为字符串(toString)。字符串开头的空白符将会被忽略。

• radix：可选。从 2 到 36，表示被解析的值的进制。例如说指定 10 就等于指定十进位。
  1.基本用法，只接受一个参数，可以当做第二个参数默认是10。
  parseInt的返回值只有两种可能，不是一个十进制整数，就是NaN。

• a.将字符串转为整数。

  parseInt(‘123’); // 123

• b.如果字符串头部有空格，空格会被自动去除。

  parseInt(’ 81’); // 81

• d.字符串转为整数的时候，是一个个字符依次转换，如果遇到不能转为数字的字符，就不再进行下去，返回已经转好的部分。
  parseInt(‘99aa’); // 99

• e.如果字符串的第一个字符不能转化为数字（后面跟着数字的正负号除外），返回NaN。
  parseInt(‘aa99’); // NaN
  parseInt(’-99’); // -99

• f.如果字符串以0x或0X开头，parseInt会将其按照十六进制数解析。
  parseInt(‘0x10’); // 16

• g.如果字符串以0开头，将其按照10进制解析。
  parseInt(‘011’) // 11

• h.如果参数以0开头，但不是字符串，则会先将数值转成字符串，然后解析，见规则c；
  parseInt(011); // 9
  // 解释一下，(011).toString()得到的结果是‘9’

• i.对于那些会自动转为科学计数法的数字，parseInt会将科学计数法的表示方法视为字符串，因此导致一些奇怪的结果。

  parseInt(1000000000000000000000.5); // 1
  // 等同于
  parseInt(‘1e+21’); // 1

  parseInt(0.0000008); // 8
  // 等同于
  parseInt(‘8e-7’); // 8

2.进制转换（接收两个参数），parseInt方法还可以接受第二个参数（2到36之间），表示被解析的值的进制，返回该值对应的十进制数。默认情况下，parseInt的第二个参数为10，即默认是十进制转十进制。

• 第一个参数解析规则参照第一条基本用法

• 如果第二个参数不是数值，会被自动转为一个整数。这个整数只有在2到36之间，才能得到有意义的结果，超出这个范围，则返回NaN。如果第二个参数是0、undefined和null，则直接忽略。
  parseInt(“19”, 10); // 19 (10+9)
  parseInt(“11”, 2); // 3 (2+1)
  parseInt(“17”, 8); // 15 (8+7)
  parseInt(“1f”, 16); // 31 (16+15)

  parseInt('-99', null); // -99
  parseInt('-99', undefined); // -99
  parseInt('-99', 0); // -99
  

5.2.2 parseFloat( )

注意 字符串中只返回最左边的数字。

    开头和结尾的空格是允许的。

如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。

document.write(parseFloat("10") + "<br>");//10
document.write(parseFloat("10.33") + "<br>");//10.33
document.write(parseFloat("34 45 66") + "<br>");//34
document.write(parseFloat(" 60 ") + "<br>");//60
document.write(parseFloat("40 years") + "<br>");//40
document.write(parseFloat("He was 40") + "<br>");//NaN

5.2.3Number( )

//转化成数值型
var num7 = Number("Hello");
document.write("num7 : " + num7 + "<br />"); //NaN
document.write(typeof num7 + "<br />"); //Number

//字符串转化成Number
document.write(Number("123") + "<br />");//123
document.write(Number("123a") + "<br />"); //NaN
document.write(Number(" ") + "<br />"); //0

5.3 转化成boolean型

var b = 123;
document.write(Boolean(b) + "<br />");//true
//如果值为null或者为空 结果为false
//如果有值 结果为true
document.write(Boolean("") + "<br />");//false
document.write(Boolean(null) + "<br />");//fasle
document.write(Boolean("abc") + "<br />");//true

6.日期

			var date = new Date();
			document.write(date + "<br />");
			//年月日
			document.write(date.toLocaleDateString() + "<br />");
			//时分秒
			document.write(date.toLocaleTimeString() + "<br />");
			//年月日 时分秒
			document.write(date.toLocaleString() + "<br />");
			
			//获取年份
			var year = date.getFullYear();
			//获取月份
			var month = date.getMonth() + 1; 
			//获取日
			var day = date.getDate();
			document.write(year +"-" + month + "-" + day + "<br />");
			
			//getDay() 返回一周的某一天数字。注意： 星期天为 0, 星期一为 1, 以此类推。
			
			//分别获取时分秒
			var hour = date.getHours();
			var minute = date.getMinutes();
			var second = date.getSeconds();
			document.write(hour + "-" + minute + "-" + second);