果然Javascript程序员思维广啊

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

这是一个创建于 4527 天前的主题，其中的信息可能已经有所发展或是发生改变。

① 使用 || 从多个变量中取出第一个可用变量
比如 var wantFruit = apple || pear || ... || grape;

依据逻辑或判断规则，不过js特殊地返回原值而不是逻辑型

② 转为文本：var str = val + '';

依据隐式转换规则

③ 转为逻辑型： var bool = !!val;

④ 取重复文本： var str = Array(9).join('abc'); // 输出 'abc' x 8

原理：创建一个含9个元素的数组，然后用'abc'作为链接字符串把数据连接成文本，实际结果是
undefined + 'abc' + undefined + 'abc' + ... + undefined +'abc' + undefined ，去掉undefined就是我们看到的结果。。。

这都是谁想出来的用法。。。

同时欢迎补充~~~

abc

undefined

var

36 条回复 1970-01-01 08:00:00 +08:00

deathfang

2013-05-30 16:12:54 +08:00

http://james.padolsey.com/Javascript/another-Javascript-quiz/

中文：http://www.zhangxinxu.com/wordpress/2013/05/%E7%90%86%E8%A7%A3another-Javascript-quiz-%E9%A2%98%E7%9B%AE/

subpo

PRO

2013-05-30 16:19:33 +08:00

除了第一个我还以为都是常用的..

DaniloSam

2013-05-30 16:29:24 +08:00

除了第一个我还以为都是常用的..

NemoAlex

2013-05-30 16:36:20 +08:00

除了4以外其余的都是挺常用的吧
还有 Element && Element.Onclick= function(){...}; 之类的写法
不过我觉得最能提现 JS 和 DOM 飘逸的还是 Element.innerHTML++;
哈哈

tulike1

2013-05-30 16:47:14 +08:00

取整： ~~(10.112) //=> 10

zhujinliang

2013-05-30 16:52:48 +08:00

@NemoAlex ④是一个同事有需要，我搜索一下发现的，不过也是最另我感慨的。。。这神思路。。。

&& 印象中它有陷阱（貌似某种情况下会报错），用if()代替比较好，记不清了

zhujinliang

2013-05-30 16:56:25 +08:00

@tulike1 这个运算符第一次见呢

cutehalo

2013-05-30 16:58:25 +08:00

木有见过第四个...
看标题脑补成精神病人思维广了...

NemoAlex

2013-05-30 17:02:15 +08:00

@zhujinliang 什么陷阱求解惑

switch

2013-05-30 17:14:49 +08:00

取整有另一：10.112 | 0

otakustay

2013-05-30 17:17:09 +08:00

第4个用来生成超大对象测内存用超好，这些都是js的常识了，我在和别人分享js的时候都有提到
https://skydrive.live.com/redir.aspx?resid=5AF9669191A78C07!584

middleware

2013-05-30 17:22:57 +08:00

① 最初关于 s-exp 的论文就定义了这种用法。
③ 这是 ① 的必然推论。
Lua 里 ①③ 都有。

songpengf117

2013-05-30 17:23:36 +08:00

1. 取整同时转成数值型：

'10.567890'|0
//结果: 10
'10.567890'^0
//结果: 10
-2.23456789|0
//结果: -2
~~-2.23456789
//结果: -2

2. 日期转数值：

var d = +new Date(); //1295698416792

3. 类数组对象转数组：

var arr = [].slice.call(arguments)

4. 漂亮的随机码：

Math.random().toString(16).substring(2); //14位
Math.random().toString(36).substring(2); //11位

5. 合并数组：

var a = [1,2,3];
var b = [4,5,6];
Array.prototype.push.apply(a, b);
uneval(a); //[1,2,3,4,5,6]

6. 用0补全位数：

function prefixInteger(num, length) {
return (num / Math.pow(10, length)).toFixed(length).substr(2);
}

7. 交换值：

a= [b, b=a][0];

8. 将一个数组插入另一个数组的指定位置：

var a = [1,2,3,7,8,9];
var b = [4,5,6];
var insertIndex = 3;
a.splice.apply(a, Array.concat(insertIndex, 0, b));
// a: 1,2,3,4,5,6,7,8,9

9. 删除数组元素：

var a = [1,2,3,4,5];
a.splice(3,1);

10. 快速取数组最大和最小值

Math.max.apply(Math, [1,2,3]) //3
Math.min.apply(Math, [1,2,3]) //1

11. 条件判断：

var a = b && 1;
//相当于
if (b) {
a = 1;
} else {
a = b;
}

var a = b || 1;
//相当于
if (b) {
a = b;
} else {
a = 1;
}

12. 判断IE（两种方法）:

var ie = /*@cc_on !@*/false;
var ie = !-[1,];

http://blog.samxy.com/archives/307.html