常用的js方法_js常用的方法有几种

‘壹’ javascript中常用的方法

JavaScript中常用的运算符及其使用方法
JavaScript中常用的运算符及其使用方法如下：
类型
-（负值），例如：-5。
*（乘法），例如：2*4，得8。
/（除法），例如：10/2，得5。
%（取余），例如：9%2，余数为1。
+（加法），例如：1+2，得3。
-（减法），例如：9-8，得1。
算术运算符
|（按位或运算），例如：5|3，得7。
<<（左移），例如：5<<3，得40。
>>（右移），例如：5>>1，得2。
~（取补），例如：~5
，得6。
++（递加），例如：
a=5，a++，得a=6。
--（递减），例如：
a=5，a--，得a=4。
字符运算符
＋（字符串连接），例如：“a”＋“b”，得ab。
==（等于），例如：1==2，为Flase。
!=（不等于），例如：3!=4，为True。
比较运算符
<（小于），例如：7<6，为Flase。
>（大于），例如：10>9，为True。
<=（小于等于），例如：6<=9，为True。
>=（大于等于），例如：3>=6，为Flase。
逻辑算符
!（逻辑非），例如：!Flase，为True。
&（逻辑与），例如：Flase&True，为Flase。
||（逻辑或），例如：Flase||True，为True。
^（逻辑异或），例如：Flase^True，为True。

‘贰’ js函数的几种写法闭包概要

最常见的：Js代码1functionfoo() {2alert('hi, js');3}4foo();用匿名函数：Js代码1varfoo =function() {2alert('hi, js');3}4foo();改装一下，给调用的foo()加个括号：Js代码1varfoo =function() {2alert('hi, js');3}4(foo)();干脆，连foo的定义也省掉------把foo赋值语句的等号右边的东东、直接替换掉刚才括起来的foo：Js代码1(function() {2alert('hi, js');3})();先看常用的函数：1functionsayHello(name) {2vartext = 'Hello ' +name;3varsayAlert =function() { alert(text); }4sayAlert();5}6sayHello('Bob');闭包的例子一句话描述：闭包是函数的局部变量，在函数return之后，仍然有值，或者闭包是stack-frame，在函数return的时候，它不会被释放。（就好像'stack-frame'是内存分配、而非处于堆栈！）下面的代码返回一个function的引用：1functionsayHello2(name) {2vartext = 'Hello ' + name;//local variable3varsayAlert =function() { alert(text); }4returnsayAlert;5}6varsay2 = sayHello2('Jane');7say2();//hello Jane C函数指针和JavaScript的函数引用有着本质的不同。在JavaScript，函数引用变量既是一个函数指针，又是一个隐藏的闭包指针。在C和其他多数语言，当函数return之后，stack-frame就被销毁了，所有的局部变量也就不能访问了。在JavaScript中，如果你在函数里声明了函数，在你调用的函数renturn之后，局部变量仍然可以访问。请注意上面的例子，我们调用了变量text，它是函数sayHello2的局部变量。Example 3 这个例子表明局部变量不是拷贝传递，而是引用传递。在外层函数退出时，它把stack-frame保存在内存。1functionsay667() {2//Local variable that ends up within closure3varnum = 666;4varsayAlert =function() { alert(num); }5num++;6returnsayAlert;7}8varsayNumba =say667();9sayNumba();//667，而不是66610alert(sayNumba.toString());Example 4 三个函数对某个闭包使用同一个引用，因为它们均在setupSomeGlobals()里声明的。1vargAlertNumber = gIncreaseNumber = gSetNumber =null;2functionsetupSomeGlobals() {3//Local variable that ends up within closure4varnum = 666;5//Store some references to functions as global variables6gAlertNumber =function() { alert(num); }7gIncreaseNumber =function() { num++; }8gSetNumber =function(x) { num =x; }9}10setupSomeGlobals();11//任意、多次运行下面的函数12gAlertNumber();13gIncreaseNumber();14gSetNumber(5);//把num重新设为 515gSetNumber(-8888);//把num重新设为 -8888 重新运行setupSomeGlobals(); 就会重新产生一个新的闭包。在JavaScript中，当你在函数里又声明一个函数，外部函数每调用一次，内部函数将再被重新产生一次。Example 5 当心下面例子的循环：闭包中的局部变量可能和你最初想的不一样。1functionbuildList(list) {2varresult =[];3for(vari = 0; i < list.length; i++) {4varitem = 'item' +list[i];5result.push(function() {alert(item + ' ' + list[i])} );6}7returnresult;8}910functiontestList() {11varfnlist = buildList([1,2,3 ]);12//using j only to help prevent confusion - could use i13for(varj = 0; j < fnlist.length; j++) {14fnlist[j]();15}16}1718testList();//输出3次：'item3 undefined'Example 6 下面的例子表明，闭包包含了在外部函数退出之前、定义的任何局部变量。注意，变量alice实际上在匿名函数之后声明的。匿名函数先被声明：当函数被调用时，它可以访问alice，因为alice在闭包里。1functionsayAlice() {2varsayAlert =function() { alert(alice); }3//Local variable that ends up within closure4varalice = 'Hello Alice';5returnsayAlert;6}7sayAlice()();//Hello Alice8alert(alice);//错误：alice不是全局变量，它在函数体内var了Example 7下面的例子表明，每次调用会产生各自的闭包。1functionnewClosure(someNum, someRef) {2//Local variables that end up within closure3varnum =someNum;4varanArray = [1,2,3];5varref =someRef;6returnfunction(x) {7num +=x;8anArray.push(num);9alert('num: ' + num +10'\nanArray ' + anArray.toString() +11'\nref.someVar ' + ref.someVar);12}13}14closure1 = newClosure(40, {someVar : 'closure 1'});15closure1(5);1617closure2 = newClosure(1000, {someVar : 'closure 2'});18closure2(-10);小结读一些说明要比理解上面的例子难得多。我对于闭包的说明以及stack-frame等等在技术上可能不正确 --- 但是它们的确有助于理解

‘叁’ javascript常用的技巧

1) 使用!!将变量转换成布尔类型
有时，我们需要检查一些变量是否存在，或者它是否具有有效值，从而将它们的值视为true。对于做这样的检查，你可以使用||（双重否定运算符），它能自动将任何类型的数据转换为布尔值，只有这些变量才会返回false：0，null，""，undefined或NaN，其他的都返回true。我们来看看这个简单的例子：
function Account(cash) {
this.cash = cash;
this.hasMoney = !!cash;
}
var account = new Account(100.50);
console.log(account.cash); // 100.50
console.log(account.hasMoney); // true

var emptyAccount = new Account(0);
console.log(emptyAccount.cash); // 0
console.log(emptyAccount.hasMoney); // false

在这个例子中，如果account.cash的值大于零，则account.hasMoney的值就是true。
2) 使用+将变量转换成数字
这个转换超级简单，但它只适用于数字字符串，不然就会返回NaN（不是数字）。看看这个例子：
function toNumber(strNumber) {
return +strNumber;
}
console.log(toNumber("1234")); // 1234
console.log(toNumber("ACB")); // NaN

这个转换操作也可以作用于Date，在这种情况下，它将返回时间戳：
console.log(+new Date()) // 1461288164385

3) 短路条件
如果你看到过这种类似的代码:
if (conected) {
login();
}

那么你可以在这两个变量之间使用&&（AND运算符）来缩短代码。例如，前面的代码可以缩减到一行：
conected && login();

你也可以用这种方法来检查对象中是否存在某些属性或函数。类似于以下代码：
user && user.login();

4) 使用||设置默认值
在ES6中有默认参数这个功能。为了在旧版浏览器中模拟此功能，你可以使用||（OR运算符），并把默认值作为它的第二个参数。如果第一个参数返回false，那么第二个参数将会被作为默认值返回。看下这个例子：
function User(name, age) {
this.name = name || "Oliver Queen";
this.age = age || 27;
}
var user1 = new User();
console.log(user1.name); // Oliver Queen
console.log(user1.age); // 27

var user2 = new User("Barry Allen", 25);
console.log(user2.name); // Barry Allen
console.log(user2.age); // 25

5) 在循环中缓存array.length
这个技巧非常简单，并且在循环处理大数组时能够避免对性能造成巨大的影响。基本上几乎每个人都是这样使用for来循环遍历一个数组的：
for (var i = 0; i < array.length; i++) {
console.log(array[i]);
}

如果你使用较小的数组，那还好，但是如果处理大数组，则此代码将在每个循环里重复计算数组的大小，这会产生一定的延迟。为了避免这种情况，你可以在变量中缓存array.length，以便在循环中每次都使用缓存来代替array.length：
var length = array.length;
for (var i = 0; i < length; i++) {
console.log(array[i]);
}

为了更简洁，可以这么写：
for (var i = 0, length = array.length; i < length; i++) {
console.log(array[i]);
}

6) 检测对象中的属性
当你需要检查某些属性是否存在，避免运行未定义的函数或属性时，这个技巧非常有用。如果你打算编写跨浏览器代码，你也可能会用到这个技术。例如，我们假设你需要编写与旧版Internet Explorer 6兼容的代码，并且想要使用document.querySelector()来通过ID获取某些元素。但是，在现代浏览器中，这个函数不存在。所以，要检查这个函数是否存在，你可以使用in运算符。看下这个例子：
if ('querySelector' in document) {
document.querySelector("#id");
} else {
document.getElementById("id");
}

在这种情况下，如果在document中没有querySelector函数，它就会使用document.getElementById()作为代替。

‘肆’ js常用的方法有几种

concat()连接两个或更多的数组，并返回结果。
join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()删除并返回数组的最后一个元素
push()向数组的末尾添加一个或更多元素，并返回新的长度。
reverse()颠倒数组中元素的顺序。

‘伍’ 介绍几个js对数据常用的处理方式

获取数据方式数据获取是指从各种设备获得有关各业务所需的流量、IP、次数、协议等网络传送的原始数据，从而对用户进行管理和计费。一般通过以下三种方式获取数据。如果目前的IP宽带网络的对用户的接入采用的是以太局域网(LAN)的接入方式，则可

‘陆’ js中操作数组的几个常用方法

1. Array.shift()------删除并返回第一个元素
作用：从数组中删除第一个元素（即下标为0的元素），并返回该元素。
注意：1）删除元素之后，数组的长度-1。2）如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。

‘柒’ js数组常用方法

1.push方法将单个元素或者另外的数组添加到条用该方法的数组末尾去
2.concat方法就是将两个数组或者元素之间连接起来调用该方法的数组放在前面，方法实参放在后面
3.pop方法删除数组中的最后一个元素且会将这个被删除的元素返回
4.splice 方法删除或插入指定位置的元素函数的原型为splice(index,howmany,element1,.....,elementX...
5.reverse 方法即将数组的顺序反转

‘捌’ js数组遍历的常用的几种方法以及差异和性能优化

‘玖’ js数组几种常见的操作方法

关于js数组的用法有很多，下面主要针对一些简单的操作，比如合并，反转，添加删除等简单的操作总结一下。

第一：读取数组 for循环

方法如下：

var ay=[1,"sdsd","sdsd"]
for (var i=0;i<ay.length;i++) {

console.log("index:"+i+" "+ay[i]) //index：0 1 index：1 sdsd index：2 sdsd

}

第二：合并数组 concat

方法如下：

var arr1=['w','e','s'];

var arr2=['e','y','u'];
var arr3=arr1.concat(arr2);
console.log(arr3) //['w','e','s''e','y','u'];
第三：数组变为字符串格式 join

方法如下：

var arr1=['w','e','s'];

var arr4=arr1.join()
console.log(arr4) //w,e,s

第四：删除最后一个元素,针对老数组是删除最后一个,针对新数组是返回最后一个 pop

var arr6=["d","s","t"];
var arr7=arr6.pop();
console.log(arr6) //["d","s"];
console.log(arr7);// t

第五：添加最后一个元素，针对老数组最后一个元素后面添加一个元素，新数组返回元素个数 push

var arr8=["i","u","t"];

var arr9=arr8.push("k");

console.log(arr8); //["i","u","t","k"];

console.log(arr9); // 4

第六：shift() 和pop()一样，不同的是操作的是开头删除的元素shift（）；具体操作不在展示
第七：unshiift()和push一样，不同的是操作的是开头添加的元素unshift（）；具体操作不再展示

第八：反转数组 reverse

方法如下：

var arr1=['w','e','s'];

var arr10=arr1.reverse()

console.log(arr10) //['s','e','w'];

第九：数组排序 sort a-b正向 b-a 反向

正向

var arr11=[3,1,5,8,28]
var arr12=arr11.sort(function (a,b) {
return a-b;
})
console.log(arr12) //[1,3,5,8,28];

反向

var arr13=arr11.sort(function (a,b) {
return b-a;
})
console.log(arr13) //[28,8,5,3,1]

第十：数组截取数组截取的方法主要有slice 和splice，另外说到截取我这里随便也把字符串截取带上，字符串截取的方法主要有substr 和substring

（1）slice 使用方法arr.slice(m,n);其中arr为数组，m，n为两个参数，意思是从已有数组中返回选定的元素，截取位置均为下标，其中m必须，为起始位置，可以为负值，n为结束位置（截取位置并不包含）。

示例如下：

①只有起起始值，并且为正，默认的从起始位置一直到整个数组结束，起始下标从0开始

var arr=[2,3,5,6,8,9]
var arr1=arr.slice(1)
console.log(arr) //[2,3,5,6,8,9] 老数组是没有变化的，下面不在列举，都是一样的
console.log(arr1) //[3,5,6,8,9] 只有起始参数，并且为正值，返回新数组从下标1开始截取

②只有起始值，并且为负，默认的是从起始位置一直到整个数组结束，此处没有起始值，数组的最后一个下标是-1，比如此例，如果从-6开始取，必定是整个数组

var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1)
console.log(arr1) //[9] 只有起始参数，并且为负值，从数组尾部截取元素

③有起始值和结束值，并且为正，此处需注意下标是从小到大，比如你（3，1）肯定是取不到值的，另外截取的下标个数并不包含最后一个下标

var arr=[2,3,5,6,8,9]
var arr1=arr.slice(1,4)
console.log(arr1) //[3,5,6] 此时是从下标1开始到下标4，但是需要注意的是并不包含下标4，准确的说是1-3的下标

④有起始值和结束值，并且为负，此处需注意下秒也是从小到大，同理，比如（-1，-6）也是肯定取不到值的，另外截取的下标个数也并不包含最后一个下标

var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-6,-1)
console.log(arr1) //[2,3,5,6,8]

⑤有起始值和结束值，并且正负都有

负值到0

var arr=[2,3,5,6,8,9]
var arr1=arr.slice(-1,0)

//刚刚都看到了，数组下标都是从小到大的，所以说如果正负都有的情况下，理论上应该可以取值的，比如这个例子，-1为9的小标，0为2的下标，所以取值应该为 [9]，但是结果并不是这样的
console.log(arr1) //[ ] 从这里可以看出他的结果是为空的，所以从负值到0结果是取不到的

负值到正直

var arr=[2,3,5,6,8,9]

var arr1=arr.slice(-1,2)

//那从负值到正值呢，同样也是取不到值的

console.log(arr1) //[ ]

正直到负值

var arr=[2,3,5,6,8,9]

var arr1=arr.slice(2,-1)

//那从正直到负值，这个理论上是取不到的，但是看下结果

console.log(arr1) //[ 5，6，8] 从结果可以看出是可以取的原理是2的下标为5，-1的下标为9，不包含结束位置下标

总结：这个方法看着可能会麻烦些（也可能被我写的麻烦啦），比如正到负等，不知道大家都是怎么操作，我一般用这个取值都是只截取正的，所以这个实际操作还是非常简单的。

（2）splice 像数组中添加或者删除元素
arr.splice(m,n,index,index1,...,indexx)
m是起始位置，n是删除元素的个数，index是要添加的元素，在不添加元素的前提下，只有第一个参数是必须的，后面两个都不是必须的，在需要添加元素的情况下，三个元素都是必须的，此方法和slice是不一样的，这个返回的是被删除的元素

示例如下：

只删除不添加

注意看此例，是（1，2）删除两个，如果是（1，0），则表示删除零个，也就是不删除的意思，如果只有一个参数则表示从这里开始删除，比如是（1）则为[2]，当然这个也是可以取负值，但是这个和slice是不一样的，只能起始位置取负值，因为删除的个数不可能为负值，slice可以取（2，-1），这个就截然不同啦，但是刚刚也说啦，slice是不可以起始位置取负值，结束位置取正的，但是这个是可以的，比如（-1，0）则表示从-1开始删除零个，结果为[2,3,5,6,8,9]，（-6，2),结果为[5,6,8,9]，另外这个删除的第二个值如果写的过大，也只是删除从本下标到最后一个，比如（2，78）为[2,3]

var arr=[2,3,5,6,8,9]
var arr1=arr.splice(1,2)
console.log(arr) // [2,6,8,9] 注意看此处才是我们要的数组，从下标1开始删除删除两个
console.log(arr1) //[3,5] 此处是我们删除掉的数组

删除加添加具体的和上面的差不多，主要添加了添加元素的效果，这个也可以添加多个元素

var arr=[2,3,5,6,8,9]
var arr1=arr.splice(1,2,"il")
console.log(arr) //[2,"li",6,8,9]
console.log(arr1) //[3,5]

总结：此方法用的时候，一般也都是只取正值

（3）substr 这个是字符串的用法用法arr.substr(m,n) m必选也可以负值 n选填，注意看这个并不是结束为止而是截取的个数

示例如下：

只有一个参数默认从此下标开始，取后面所有的

正值

var arr="sdhgfhf"
var arr1=arr.substr(1)
console.log(arr)// "sdhgfhf"这个是不变的，下面不再列举
console.log(arr1)//"dhgfhf" 从下标1开始取后面所有的

负值

var arr="sdhgfhf"
var arr1=arr.substr(-2)
console.log(arr1)//"hf" 从下标-2开始取后面所有的

两个参数，从第一个下标开始，截取到下标2的长度

var arr="sdhgfhf"
var arr1=arr.substr(1，3)
console.log(arr1)//"dhg" 从下标1开始取后面所有的同理如果为负值，比如（-6，3）则为"hjf";后面的始终为长度

总结：此方法需注意不要和数组的混淆，这个是截取长度的

（4）substring 用法arr.substring(m,n) 两个参数，m必须，起始位置，n选填，截取下标的结束位置，此用法和上面slice有点类似，但是需要注意的是此方法是不支持负值的

示例如下：

只有一个参数

var arr="sdhgfhf"
var arr1=arr.substring(1)
console.log(arr1)//"dhgfhf"从下标1开始取后面所有的

两个参数

var arr="sdhgfhf"
var arr1=arr.substring(1,3)
console.log(arr1)// "dh"从下标1开始截取到下标3，但是不包含3

总结：此方法不支持负值，只针对下标来截取的

最后，以上主要是总结的数组的一些简单的操作方法，学无止境，继续努力。

导航:首页 > 使用方法 > 常用的js方法

常用的js方法

与常用的js方法相关的资料