总结常用的js函数

朱雀 2020-06-20 14:55 863阅读 0赞

1. 从数组中获取一个随机项  
var items = \[12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119\];  
var  randomItem = items\[Math.floor(Math.random() \* items.length)\];  
  
  
2. 在特定范围内获取一个随机数  
这个代码片段在你想要生成测试数据的时候非常有用，比如一个在最小最大值之间的一个随机薪水值。  
var x = Math.floor(Math.random() \* (max - min + 1)) + min;  
  
  
3. 在 0 和设定的最大值之间生成一个数字数组  
var numbersArray = \[\] , max = 100;  
for( var i=1; numbersArray.push(i++) < max;);  // numbers = \[0,1,2,3 ... 100\]  
  
  
4. 生成一个随机的数字字母字符串  
function generateRandomAlphaNum(len) \{  
    var rdmstring = "";  
    for( ; rdmString.length < len; rdmString  += Math.random().toString(36).substr(2));  
    return  rdmString.substr(0, len);  
\}  
number.toString(36) 是将这个数字转换成36进制（0-9，a-z），最后substr 去掉前面的“0.”字符串  
  
  
5. 打乱一个数字数组  
var numbers = \[5, 458 , 120 , -215 , 228 , 400 , 122205, -85411\];  
numbers = numbers.sort(function()\{ return Math.random() - 0.5\});  
/\* the array numbers will be equal for example to \[120, 5, 228, -215, 400, 458, -85411, 122205\]  \*/  
  
  
6. String的trim函数  
在Java、C\#、PHP和很多其他语言中都有一个经典的 trim 函数，用来去除字符串中的空格符，而在JavaScript中并没有，所以我们需要在String对象上加上这个函数。Jquery中为$.trim()。  
String.prototype.trim = function()\{return this.replace(/^\\s+|\\s+$/g, "");\};  
  
  
7. 附加（append）一个数组到另一个数组上  
var array1 = \[12 , "foo" , \{name: "Joe"\} , -2458\];  
var array2 = \["Doe" , 555 , 100\];  
Array.prototype.push.apply(array1, array2);  
/\* array1 will be equal to  \[12 , "foo" , \{name "Joe"\} , -2458 , "Doe" , 555 , 100\] \*/  
其实concat可以直接实现两个数组的连接，但是它的返回值是一个新的数组。这里是直接改变array1  
  
  
8. 将arguments对象转换成一个数组  
var argArray = Array.prototype.slice.call(arguments);  
arguments 对象是一个类数组对象，但不是一个真正的数组  
  
  
9. 验证参数是否是数字（number）  
function isNumber(n)\{  
    return !isNaN(parseFloat(n)) && isFinite(n);  
\}  
  
  
10. 验证参数是否是数组  
function isArray(obj)\{  
    return Object.prototype.toString.call(obj) === '\[object Array\]' ;  
\}  
如果 toString() 方法被重写了（overridden），你使用这个技巧就不能得到想要的结果了。或者你可以使用：  
  
  
Array.isArray(obj); // 这是一个新的array的方法  
如果你不在使用多重frames的情况下，你还可以使用 instanceof 方法。但如果你有多个上下文，你就会得到错误的结果。  
  
  
var myFrame = document.createElement('iframe');  
document.body.appendChild(myFrame);  
var myArray = window.frames\[window.frames.length-1\].Array;  
var arr = new myArray(a,b,10); // \[a,b,10\]  
// instanceof will not work correctly, myArray loses his constructor  
// constructor is not shared between frames  
arr instanceof Array; // false  
  
  
11. 获取一个数字数组中的最大值或最小值  
var  numbers = \[5, 458 , 120 , -215 , 228 , 400 , 122205, -85411\];  
var maxInNumbers = Math.max.apply(Math, numbers);  
var minInNumbers = Math.min.apply(Math, numbers);  
这里使用了Function.prototype.apply方法传递参数的技巧  
  
  
12. 基于JSON的序列化和反序列化（serialization and deserialization）  
var person = \{name :'Saad', age : 26, department : \{ID : 15, name : "R&D"\} \};  
var stringFromPerson = JSON.stringify(person);  
/\* stringFromPerson is equal to "\{"name":"Saad","age":26,"department":\{"ID":15,"name":"R&D"\}\}"   \*/  
var personFromString = JSON.parse(stringFromPerson);  
/\* personFromString is equal to person object  \*/  
  
  
13. 一个HTML转义函数  
function escapeHTML(text) \{  
    var replacements= \{"<": "<", ">": ">","&": "&", "\\"": """\};  
    return text.replace(/\[<>&"\]/g, function(character) \{  
       return replacements\[character\];  
    \});  
\}