【JavaScript】常用方法（详细）

1、toString() 把数组转换成字符串，每一项用逗号分割

var arr = [3, 2, 1]
var arrStr = arr.toString()
console.log(arrStr)  //3,2,1
console.log(typeof arrStr)  //string，类型为字符串

 

2、toUpperCase() 字符串转成大写

var str = 'hello world';
var strUpper = str.toUpperCase() 
console.log(strUpper) //HELLO WORLD

 

3、toLowerCase() 字符串转成小写

var str = 'HELLO WORLD' 
var strLower = str.toLowerCase()
console.log(strLower) //hello world

 

4、substr() 可在字符串中抽取从start下标开始的指定数目的字符

stringObject.substr(start,length)
//start -- 必选：要抽取的子串的起始下标，必须是整数，如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推//
//lenght -- 可选：子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。//

var str = 'hello world'
var strsub = str.substr(1, 2)
console.log(strsub)  //el

 

5、substring() 方法用于提取字符串中介于两个指定下标之间的字符。

stringObject.substring(start,stop) 
//start -- 必选：一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置//
//stop -- 可选：一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多1，如果省略该参数，那么返回的子串会一直到字符串的结尾 

var str = 'hello world' 
var strsub = str.substring(1, 2) 
console.log(strsub) //e

 

6、slice() 从已有的数组中返回选定的元素

slice()方法可以从已有的数组中返回选定的元素
//该方法不会修改原数组，而是返回新的数组，若想修改其中某一元素，可以使用splice

slice(start, end) 
//start -- 从何处选取，包括此元素，若参数为负数，代表从数组尾部开始算起//
//end -- 从何处结束，不包括此元素//

var arr = [1,2,3,4]
var newarr = arr.slice(0)  //[1,2,3,4] 将arr的数组复制出来给newarr
var newarr = arr.slice(1,3)  //[2,3] 包含start，不包含end

  

7、splice() 从数组中添加或删除项目

splice()方法可以从数组中添加或删除项目，然后返回被删除的项目（新数组）
//该方法会改变原始数组
//如需移除元素，但保留数据和事件，请使用detach()方法代替
//如只需从被选元素移除内容，请使用empty()方法。

splice(index, howmany, item1...,itemX)
/index -- 必须：代表添加或删除项目的位置，使用负数可以从数组结尾开始/
/howmany -- 必须：规定要删除的项目数量，必须是数字，可以为0，0不会删除项目，会返回一个空数组，未规定，则删除开始到结尾的所有元素/
//item1..., itemX -- 可选：要添加到数组的新元素

var a = [1,2,3,4,5]
var b = a.splice(1,0)  //从第一个元素删除0个元素，返回值，该值会改变原数组
console.log(a)  //[1,2,3,4,5]
console.log(b)  //空数组

var b = a.splice(1,5) //从第一个元素开始往后删除5个元素
console.log(a)  //[1]  a的数组被更改，会返回已经被删除的结果
console.log(b)  //[2,3,4,5,6]  b会返回删除后的数组

var b = a.splice(1,5, 111,1111,11111)
console.log(a)  //[1,111,1111,11111]  a的数组被更改，第三个参数不会影响新数组，会返回到原数组
console.log(b)  //[2,3,4,5,6]  第三个参数跟新数组无关，b会返回前面两个参数

 

8、split() 用于把一个字符串分割成字符串数组

stringObject.split(separator,howmany)
/separator -- 必选：字符串或正则表达式，从该参数指定的地方分割 stringObject/
howmany -- 可选：该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度

var num = '2021-08-21'
console.log(num.split('-')[1])  //08

 

— indexOf()/lastIndexOf() 获取数组中某元素的索引(位置) 如果要检索的数组值没有出现，则该方法返回 -1

9、indexOf() 返回某个指定的字符串值在字符串中首次出现的位置

indexOf()方法可以返回某个指定的字符串值在字符串中首次出现的位置

//indexOf对大小写敏感，并且若检测的值没有出现，则该方法返回-1

stringObject.indexOf(searchvalue, formindex)  //search搜索，index索引
/searchvalue -- 必选：需要检索的值/
//fromindex -- 可选：代表字符串检索的位置，它的合法取值在0到stringObject.length - 1, 若忽略，则从字符串首字符开始检索
//indexOf() -- 可选：整数参数，它的合法取值在0到字符串的长度-1，索引值

var a = [1,2,3,4,5];
b = a.indexOf(3)  //3在数组a中第几个出现，返回数组的索引值
console.log(b)  //2

var a = [1,2,3,1,2,3]
b = a.indexOf(3,3)  //3从数组a中第3个开始往后出现的位置，返回数组的索引值
console.log(b)  //5

 

 

10、lastIndexOf() 返回一个指定的字符串值最后出现的位置

lastIndexOf()方法可以返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索

stringObject.laseIndexOf(searchvalue, formindex)
/searchvalue -- 必须：需检索的字符串值/
//formindex -- 可选：字符串中开始检索的位置，可选，它的合法取值是 0 到 stringObject.length - 1。若省略，则将从字符串的最后一个字符处开始检索。

var a = [1,2,3,4,5]
var b = a.lastIndexOf()
console.log(b)  //

 

11、remove() 移除被选定的元素

remove()方法移除被选定的元素，包括所有的文本和子节点，该方法也会移除被选元素的数据和事件
$("button").click(function(){
    $("p").remove();  //移除所有的p元素
})

 

12、pop() 删除数组并返回数组最后一个元素

pop()方法用于删除数组并返回数组最后一个元素
var a = [1,2,3,4,1]
var b = a.pop()
console.log(b)  //[1] 删除的最后的一个元素
console.log(a)  //[1,2,3,4]  由于b改变了a的值，1已经被删除，所以返回的值为改变后的值

 

 

13、concat() 用于连接两个或多个数组

concat()方法用于连接两个或多个字符串
var a = [1,2,3,4,]
var b = [5,6,7,8,9]
var c = a.concat(b)
console.log(c)  //[1,2,3,4,5,6,7,8,9]

 

14、push() 可以向数组的末尾添加一个或多个元素

push()方法可以向数组的末尾添加一个或多个元素，并返回新的长度
var arr = [1,2,3,4]
var newarr = arr.push(5,6,7,8)
console.log(newarr)  //8 为字符串的长度
//push会直接修改数组，而不是创建一个新的数组
//要想数组的开头添加一个或多个元素，需要使用unshift()方法

 

15、shift() 用于把数组的第一个元素删除

shift()用于把数组的第一个元素删除，并返回第一个元素的值
//该方法会改变数组的长度，返回值为数组原来的第一个元素
//如果数组是空的，那么shift方法不做任何操作，返回underfind值
//该方法会改变原数组，并不是创建新数组

var a = [1,2,3,4,5]
var b = a.shift()
console.log(b)  //[1]
console.log(a)  //[2,3,4,5]

 

16、unshift() 可以向数组开头添加一个或多个元素

unshift()方法可以向数组的开头添加一个或多个元素，并返回新的长度
var arr = [1,2,3,4]
var newarr = arr.unshift(5,6,7,8)
console.log(newarr)  //8 为字符串的长度
//unshift()方法不能创建新的数组，而是修改原来的数组

 

17、includes() 来判断一个数组是否包含一个指定的值，如果是返回 true，否则false

var array = ['a', 'b', 'c'];
var a = array.includes('a'); // true 
console.log(a)
var b = array.includes('d'); //false
console.log(b)
//=====================================================
var arr = ['0', '0.1', '0.2', '0.1.1', '0.2.1']
var arr1 = arr.includes('0.1')
console.log(arr1);  //true

 

18、filter(function(){}) 检查指定数组中是否符合条件的所有元素，返回true的留下，false的舍弃

filter()可以创建一个新的数组，新数组中的元素是通过检查指定数组中是否符合条件的所有元素
//filter执行必须是一个函数，数组中每一个元素都会执行这个函数

array.filter(function(currentValue, index, arr), thisValue)
function(){
    /cuutentValue --必选：为当前元素的值 == item/
    //index -- 可选：为当前元素的索引值
    //arr -- 可选：为当前元素属于的数组对象
} -- 必须：是一个函数
//thisValue -- 可选：对象作为该执行h回调时使用，传递给函数，传递给函数，用作"this"的值，若省略thisValue，"this"的值为"underfind"

var a = [1,2,3,4]
function change(num) {
    return num > 1
}
var b = a.filter(change)  //change为函数
console.log(b)  //[2,3,4]
//--------------------------------------------------
var newArr = [
{
  a: 0,
  b: 456,
  c: 789,
},
{
  a: 410,
  b: 520,
  c: 63,
},
]
var c = newArr.filter((item) => {
    return item.a != 0
})
console.log(c)  //{a: 410, b: 520, c: 63}

 

19、parseInt() 可以解析一个字符串，并返回一个整数

parseInt()可以解析一个字符串，并返回一个整数

parseInt(string, radix)
//string -- 必选：被解析的字符串//
//radix -- 可选：要指定的基数，进制数

 

20、parseFloat() 可以解析一个字符串，并返回一个浮点数

parseInt()可以解析一个字符串，并返回一个浮点数

parseInt(string)
//string -- 必选：被解析的字符串//
parseFloat("10.33") //10

 

21、reverse() 可以颠倒数组中元素的顺序

reverse()可以颠倒数组中元素的顺序
arrayObject.reverse()

var number = [1,2,3,4,5]
var b = number.reverse()
console.log(b);  //[5,4,3,2,1]

 

22、join() 用于把数组中的所有元素放入一个字符串

join()用于把数组中的所有元素放入一个字符串
arrayObject.join(separator)
//separator 可选：指定使用分隔符

var number = [1,2,3,4,5]
var b = number.join(':')

 

23、Math.floor()方法返回小于或等于一个给定数字的最大整数，执行向下取舍整数

//Math,floor()方法返回小于或等于一个给定数字的最大整数，执行向下取舍，即他总是会将数值向下舍入为最近的整数
var a = Math.floor(0.1)
console.log(a)  //0

var b = Math.floor(1.6)
console.log(b)  //1

var c = Math.floor(-5.1)
console.log(c)  //-6

 

24、Math.random()方法是返回0.0~1.0之间的一个伪随机数

//Math.random()方法是返回0.0~1.0之间的一个伪随机数
var a = Math.random()
console.log(a)  //0.4143238181530202

var b = Math.random() * 10
console.log(b)  //4.143238181530202

 

25、产生一个随机数整数代码

var num = Math.floor(Math.random() * 10)  
console.log(num)  //4

 

26、trim() 去除字符串前后的空白

var a = '   12   3   '
console.log(a.trim())  //'12   3'，无法去掉中间空白部分

 

 

27、sort() 将数组元素进行排序

var a = [3, 2, 1]
console.log(a.sort())  //[1,2,3]

 

  

 

后续还在整理......