JavaScript基础-基本数据类型和基本流程控制

JavaScript基础1

一、基本数据类型

二、字符串常用方法

var num_str = '4.5千克';
parseInt(num_str);//返回4
parseFloat(num_str);//返回4.5

var str = '假如生活欺骗了你';
str.charAt(0);//返回'假'。如果下标超出字符串范围则返回''。
str.indexOf('生');//返回2。如果字符不在字符串中则返回-1。
str.lastIndexOf()//是从后往前找到第一个字符的下标
str.substring(2,6);//返回'生活欺骗'。它和str.substring(6,2)返回的结果一样。
str.replace('生活','世界');//返回"假如世界欺骗了你"。

var new_str = '呵呵,嘻嘻,哈哈,嘿嘿';
new_str.split(',');//返回["呵呵","哈哈","嘻嘻","嘿嘿"]。
new_str.split('/');//如果指定的分割符不在字符串中。则返回["呵呵,嘻嘻,哈哈,嘿嘿"]

三、数组

var array = ['a','b','c','d'];
array.length;//返回4
array[1];//返回'b'

var array = ['a','b','c','d'];
array[4] = '8';//array此时为['a','b','c','d',8];
array[3] = 2;//此时覆盖了下标为3的"d"。array为['a','b','c',2,8]
array[8] = 'test';//array为['a','b','c',2,8,empty x 3,'test'];

var array = ['a','b','c','d'];
//从数组末尾追加。
array.push('d','e','f');//array为 ["a", "b", "c", "d", "d", "e", "f"]
//从数组开始追加。
array.unshift(0,1,2);//array为[0, 1, 2, "a", "b", "c", "d"]

var array = ['a','b','c','d'];
//从数组末尾删除
array.pop();//array为['a','b','c'];
//从数组开始删除
array.shift();//array为['b','c'];
//删除数组指定下标的元素值
delete array[1];//array为['b',empty];
//根据下标彻底删除数组的元素
array.splice(1);//array为['b'];

var arr1 = ['a','b'];
var arr2 = ['c','d'];
var arr3 = arr1.concat(arr2);//arr3为['a','b','c','d'];

四、基本流程控制

/**
*单个条件判断
*/
if() {
//括号里为真执行
} else {
//括号里为假执行
}
/**
*多个条件判断
*/
if() {}
else if() { }
else {}

switch() {
case condition1 : statements1; break;
case condition2 : statements2;break;
default : statements3;break;
}

while() {
//括号为真时则执行
statements...
}
//循环打印数字1-10
var i = 0;
while(i < 10) {
i++;
console.log(i);
}

for(var i = 0; i < 10; i++) {
console.log(i);
}
//执行顺序说明
//1.定义i=0。2.判断是否小于10，之后执行方法块打印i。此时i为0。3.执行i++，i为1。
//之后再判断是否小于10，再打印，再++...直到i<10为false停止。