Javascript 笔记与总结（2-3）Javascript 运算符、控制结构与对象操作

【连接运算符 + 】

<script>
console.log(1+2+'a'+3+4);
</script>

输出：

3a34

 

【逻辑运算符】返回的是最早能判断表达式结果的那个值

例①

<script>
var a = false;
var b = 10;
var c = true;
var d = a || b || c;
console.log(d);
console.log(typeof(d));
</script>

输出：

10

number

 

例②

<script>
var a = true;
var b = false;
var c = a && b;
console.log(c);
console.log(typeof(c));
</script>

输出：

false

boolean

 

例③（&& 优先级高于 ||）

<script>
var a = true;
var b = 10;
var c = false;
var d = a || b && c;
console.log(d);
console.log(typeof(d));
</script>

输出：

true

boolean

 

在一些框架中经常利用 || 来做浏览器的兼容，形式：window.a = window.a || window.b

 

 

【遍历数组】

<script>
var arr = ['hello', 'world', 2015];
for(var i=0; i<arr.length; i++){
    console.log(arr[i]);
}
</script>

输出：

hello

world

2015

 

【遍历对象】

<script>
var obj = {a:'hello', b:'world', c:2015};
for(var key in obj){
    console.log(key+":"+obj[key]);
}
</script>

输出：

a:hello

b:world

c:2015

 

【对象操作】

在用数字、字符串等原生类型调用属性的时候，js 会瞬间把这些原生类型包装成对象

例 ① 

<script>
var str = "helloworld";
console.log(str.length);
</script>

输出 10

 

例 ②

<script>
var str = "helloworld";
console.log(str.substr(2,3));
</script>

输出：llo

 

例 ③ 

<script>
var arr = ['阿森纳', '切尔西', '曼城', '利物浦'];
console.log(arr.join(','))

var str = "php,java,python";
console.log(str.split(','));
</script>

输出：

阿森纳,切尔西,曼城,利物浦

["php", "java", "python"]