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>

输出：

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"]