语法小结
/**
* Created by M.C on 2017/5/26.
*/
/*弹框*/
//var message = "Hello world";
//alert(message);
/*变量的命名规则*/
/*
* 1.变量不能包含任何空格
* 2.变量只能包含英文单词,数字,美元符号$和下划线_
* 3.不能使用js中的关键字,但可以包含关键字
* 4.大小写敏感,rose和Rose是两个不同的变量
* 5.采用驼峰命名, 如果变量命中有多个单词,第一个单词的第一个字母小写,其他的单词的第一个字母都大写
* 5.用有意义的名称来描述变量
* */
var userName = "zhangsan";
var string_underscores = "下划线的变量";
document.write(userName + string_underscores);
/*常见的数学运算符*/
// +
var a = 2 + 3;
// -
var b = 5 - 3;
// *
var c = 4 * 4;
// /
var d = 8 / 2;
// %
var e = 10 % 4;
document.write("<br>" + a + b + c + d + e);
/*不常见的数学运算符*/
// ++
var num = 5;
var newNum = num++;
var newNum1 = ++num;
document.write("<br>" + "num:" + num + " newNum:" + newNum + " newNum1:" + newNum1);
/*上边代码的打印结果为:
* `num:7 newNum:5 newNum1:7`
* 说明:当++放到变量后边的时候,先返回再相加,当++放到变量的前边的时候,先相加再返回
* 这一规则同样适用于其他的语言
* */
// --
(function() {
var num = 5;
var newNum = num--;
var newNum1 = --num;
document.write("<br>" + "num:" + num + " newNum:" + newNum + " newNum1:" + newNum1);
/*上边代码的打印结果为:
* `num:3 newNum:5 newNum1:3`
* 说明:当--放到变量后边的时候,先返回再相减,当--放到变量的前边的时候,先相减再返回
* 这一规则同样适用于其他的语言
* */
})();
/*拼接字符串*/
(function() {
document.write("<br>"+ "Name is " + "MC" + "!");
document.write("<br>" + "2" + 2 + 2); // 当拼接的时候有字符串和数字,数字会被当做字符串处理
})();
/*提示框
* 提示框用于获取信息,比如给出一个问题,期望用户给出一个答案
* 使用prompt函数,该函数接受两个参数,第一参数表示问题,第二个参数表示默认的答案
* prompt函数的返回值就是答案,返回值的类型为字符串,如果用户没有输入,返回"",如果点击了取消,返回null
* */
//var backString = prompt("你多大了?", "23");
//document.write("<br>" + backString);
/*数组的一些注意事项
* 1.当使用下标赋值的时候,用没有赋值的下标取值会得到undefined
* 2.使用pop()函数可以移除数组中最后一个元素
* 3.使用push函数可以添加大于1个元素到数组中
* 4.使用shift函数可以移除数组中第一个元素,和pop的顺序相反
* 5.使用unshift函数可以添加大于1个元素到数组中,会插入到数组的最前边,和push相反
* 6.splice函数可以插入数据和删除数据,在下边会详细演示
* 7.使用slice切割数据,并返回一个新的数组
* */
(function() {
var array = [];
array[0] = "a";
array[1] = "b";
array[2] = "c";
array[6] = "d";
document.write("<br>" + array);
document.write("<br>");
document.write(array[3]);
// 添加一个元素
array.push("e");
// 添加多个元素
array.push("f", "g", "h");
document.write("<br>");
document.write(array);
// 移除最后编一个元素
array.pop();
document.write("<br>");
document.write(array);
// 使用shift删除第一个数据
array.shift();
document.write("<br>");
document.write(array);
// 使用unshift在数组开头添加数据
array.unshift("1", "2");
document.write("<br>");
document.write(array);
// 使用splice添加和删除数据
// splice第一个参数表示数据插入的位置,第二个参数表示删除原位置后边多少位数据
array.splice(2, 2, "G", "H", "J");
document.write("<br>");
document.write(array);
// slice切割数组, 第一个参数表示切割开始的索引,第二个参数比较特殊,也表示一个索引,但最终结果只会切割刀该索引前边的数据
// 也就是说切割后的数据,并不会包含第二个参数索引指向的值
var newArray = array.slice(2, 3);
document.write("<br>");
document.write(newArray);
})();
/*大小写转换*/
(function() {
// 使用toLowerCase()转换成小写字符串
var str = "AbCdEf";
var lowerStr = str.toLowerCase();
document.write("<br>");
document.write("原字符创:" + str + " 转换成小写的字符串:" + lowerStr);
// 使用toUpperCase()转换成大写字符串
var upperStr = str.toUpperCase();
document.write("<br>");
document.write("原字符创:" + str + " 转换成大写的字符串:" + upperStr);
})();
/*检测是不是有两个连续的空格*/
//(function() {
// var inputStr = prompt("请输入一些带空格的东东?")
// var inputStrLength = inputStr.length;
// for (var i = 0; i < inputStrLength; i++) {
// if (inputStr.slice(i, i + 2) === " ") {
// document.write("<br>");
// document.write("发现两个连续得字符");
// break;
// }
// }
//})();
/*查找字符串中是否存在某个字符串*/
(function() {
// 实现上边的功能有两种不同的方法
var str = "Your happy passer-by all knows, my distressed there is no place hides.";
// 查找is是否在上边的字符串之中,把结果保存在result中
var result = "";
var strLength = str.length;
for (var i = 0; i < strLength; i++) {
if (str.slice(i, i + 2) === "is") {
result += "使用slice发现了is,index:" + i;
break;
}
}
var firstChar = str.indexOf("is");
if (firstChar != -1) {
result += "使用indexOf发现了is index:" + firstChar;
}
if (result.length <= 0) {
result += "没有发现is";
}
document.write("<br>");
document.write(result);
// 注意:indexOf返回的是结果的第一个字符的位置,可以使用lastIndexOf获取符合条件的最后一个结果
})();
/*获取某个位置的字符*/
(function() {
// 同样有两种方式获取某个位置的字符
var str = "Hello world";
var firstChar = str.slice(0, 1);
// 使用charAt函数
var firstChar1 = str.charAt(0);
document.write("<br>");
document.write(firstChar + " " + firstChar1);
})();
/*替换字符串*/
(function() {
var str = "a b c d e f a a a";
var newStr = str.replace("a", "%");
document.write("<br>");
document.write("原字符串:" + str + " 替换后:" + newStr);
// 通过查看上边打印出的信息,只替换了第一次出现的字符串,那么必须告诉js要替换全部的字符串
// 注意:替换字符串会生成一个新的字符串,不会直接改变原有的字符串
var newStr1 = str.replace(/a/g, "%");
document.write("<br>");
document.write("原字符串:" + str + " 替换后:" + newStr1);
})();
/*取整*/
(function() {
// round四舍五入
var num1 = Math.round(0.499);
var num2 = Math.round(0.599);
document.write("<br>");
document.write("0.499round:" + num1 + " 0.599round:" + num2);
// ceil向上取整
var num3 = Math.ceil(0.499);
var num4 = Math.ceil(0.599);
document.write("<br>");
document.write("0.499ceil:" + num3 + " 0.599ceil:" + num4);
// floor向下取整
var num5 = Math.floor(0.499);
var num6 = Math.floor(0.599);
document.write("<br>");
document.write("0.499floor:" + num5 + " 0.599floor:" + num6);
})();
/*随机数*/
(function() {
// 假如想获取一个1~6的随机数
// 先获取js的一个随机数,取值范围为0.0000000000000000 ~ 0.9999999999999999 16位的小数
var bigDecimal = Math.random();
// 把上边获取的小数乘以6后加1,这是最常用的方法
var improvedNum = (bigDecimal * 6) + 1;
// 向下取整
var result = Math.floor(improvedNum);
document.write("<br>");
document.write("随机数:" + bigDecimal + " 结果:" + result);
})();
/*字符串转数字*/
(function() {
// 如果是 + 号, 那么js会把数字当做字符串看待
var num = "20" + 20; // 2020
// 如果是 - * / 会把字符串当做数字看待
var num1 = "20" - 10; // 10
// 如果不是数字类型的字符串,NaN
var num2 = "20" - "dd";
document.write("<br>");
document.write(num + " " + num1 + " " + num2);
})();
/*字符数字互转*/
(function() {
// 可以使用parseInt函数转成整型
var num = parseInt("232");
// 可以使用parseFloat转成浮点型
var num1 = parseFloat("22.22");
// 使用toString函数转成字符串
var str = num1.toString();
document.write("<br>");
document.write(num + " " + num1 + " " + str);
})();
/*保留小数后几位*/
(function() {
// 保留小数2位
var a = 23.4655.toFixed(2);
// 注意:如果最后一位是5 比如23.255 那么调用toFixed(2)后的结果有可能是23.47,也有可能是23.46, 跟浏览器有关
// 为了解决这个问题,可以把最后一位的5替换成6来解决
var str = "34.55555";
if (str.charAt(str.length - 1) === "5") {
str = str.slice(0, str.length - 1) + "6";
}
document.write("<br>");
document.write("a:" + a + " str: " + str);
})();
/*Date是js的一个对象*/
(function() {
var date = new Date();
document.write("<br>");
document.write(date.toString());
// 获取星期,注意:获取星期用的是getDay函数
var weeks = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
var week = date.getDay();
document.write("<br>");
document.write(weeks[week]);
// 年
var year = date.getFullYear();
// 月
var month = date.getMonth();
// 日
var day = date.getDate();
// 时
var hour = date.getHours();
// 分
var minute = date.getMinutes();
// 秒
var second = date.getSeconds();
// 毫秒
var millisecond = date.getMilliseconds();
// 时间戳
var time = date.getTime();
document.write("<br>");
document.write(year + " " + month + " "+ day + " "+ hour + " "+ minute + " "+ second + " "+ millisecond + " "+ time + " ");
})();
/*指定日期*/
(function() {
var date = new Date();
var otherDate = new Date("June 30, 2030");
var dateTime = date.getTime();
var otherDateTime = otherDate.getTime();
var dis = (otherDateTime - dateTime) / (1000 * 60 * 60 * 24);
document.write("<br>");
document.write("相差的天数: " + Math.floor(dis));
})();
