【JavaScript】常用方法

Array对象

1. JavaScript Array map()方法

定义： map(）方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值
map()方法会按照原数组元素的顺序进行一次处理元素
注意： map()不会改变原数组；map()不会对空数组进行检测

语法

array.map(function(currentValue,index,arr), thisValue)

参数说明

实例

/* 返回一个数组，数组中元素为原始数组的平方根 */
var numbers = [4,9,16,25];

function myFunction() {
   x = document.getElementById("demo")
   x.innerHTML = numbers.map(Math.sqrt);
}

/* 输出结果为： 2,3,4,5 */

2. JavaScript Array some()方法

定义： some() 方法用于检测数组中的元素是否满足指定条件（函数提供）
some() 方法会依次执行数组的每个元素：

• 如果有一个元素满足条件，则表达式返回true，剩余的元素不会再执行检测
• 如果没有满足条件的元素，则返回false

注意： some() 不会对空数组进行检测，不会改变原数组

语法

array.some(function(currentValue,index,arr),thisValue)

参数说明

实例

/* 检测数组中是否有元素大于18 */
var ages = [3,10,18,20];
function checkAdult(age) {
  return age >= 18
}
function myFunction() {
   document.getElementById("demo").innerHTML = age.some(checkAdult);
}
// 输出结果：  true

3. JavaScript Array shift() 方法

定义 shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值
注意： shift() 方法改变数组的长度；

语法

array.shift()

实例

var peoples = ["Rick","Motty","Tom","Jerry"];
peoples.shift() // "Rick"

//["Motty","Tom","Jerry"]

4. JavaScript Array pop()方法

定义： pop()方法用于删除数组的最后一个元素并返回删除的元素
注意：此方法改变数组的长度

语法

array.pop()

实例

var peoples = ["Rick","Motty","Tom","Jerry"];
peoples.pop() //"Jerry"

// ["Rick","Motty","Tom"]

5. JavaScript Array unshift() 方法

定义： unshift() 方法可向数组的开头添加一个或多个元素，并返回新的长度
注意： 该方法将改变数组的数目

语法：

array.unshift(item1,item2,…,itemX）

参数：

参数	描述
item1,item2, …, itemX	可选。向数组起始位置添加一个或者多个元素。

实例

 var peoples = ["Tom","Rick"]
 peoples.unshift("Jerry","Rick")  // 4

 console.log(peoples) // ["Jerry","Rick","Tom","Rick"]

6. JavaScript Array push() 方法

定义： push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度

注意： 新元素添加在数组的末尾，此方法改变数组的长度

语法

array.push(item1,item2, … , itemX)

参数值

参数	描述
item1, item2, …, itemX	必需。要添加到数组的元素。

返回值

类型	描述
Number	数组新长度

实例

var people = ["Jerry","Tom"]
people.push("Rick","Motty") //4
console.log(people) // ["Jerry","Tom","Rick","Motty"]

7. JavaScript Array includes() 方法

定义
includes() 方法判断数组中是否包含一个指定的值，如果是返回true，否则false

语法

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)

参数说明

参数	描述
searchElement	必须，需要查找的元素值
fromIndex	可选，从该索引处开始查找searchElement；如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索，默认为0

实例
fromIndex 大于等于数组长度
如果fromIndex 大于等于数组长度，则返回false，则数组不会被搜索

var cartoonArr = ['Jerry','Rick','Motty']

console.log(cartoonArr.includes('Rick',1));  // true
console.log(cartoonArr.includes('Rick',3));  // false

fromIndex 小于0
如果fromIndex 为负值，按升序从 arr.length + fromInedx 的索引开始搜素，计算出的索引将作为开始搜索searchElement的位置。如果计算出的索引小于0，则整个数组都会被搜索。

    var arr = ['a','b','c']
    // 当开始索引fromIndex 小于0,则按升序从 array.length + fromIndex 的索引开始搜索
    console.log(arr.includes('a', -1));  // false; 3 + (-1) = 2,从inedx=2索引开始搜索，所以为false
    console.log(arr.includes('a', -3));  // true； 3 + (-3) = 0,从inedx=0索引开始搜索，所以为false

8. JavaScript Array slice()方法

定义： slice()方法可从已有的数组中返回选定的元素
slice()方法不会改变原数组

语法：

array.slice(start, end)

参数说明

参数	描述
start	可选，规定从何处(数组下标）开始选取；如果为负数，则表示从原数组倒数第几个开始提取
end	可选，规定从何处(数组下标）结束选取（不包括结束位置元素）；如果为负数，则表示在原数组的倒数第几个元素结束抽取

返回值

Type	描述
Array	返回一个新的数组，包括从start到end（不包括该元素）的array

实例

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];

var newArr = fruits.slice(1)  //["Orange", "Lemon", "Apple", "Mango"]
newArr = fruits.slice(1,3)  //["Orange", "Lemon"]
newArr = fruits.slice(-3) // ["Lemon", "Apple", "Mango"]

9. JavaScript Array join() 方法

定义： join() 方法用于把数组中的所有元素转换为一个字符串

语法：

array.join(separator)

参数值：

参数	描述
separator	可选，指定要使用的分隔符，如果省略该参数，则使用逗号作为分隔符 ;若为空字符串，则元素间直接拼接

返回值：

类型	描述
String	返回一个字符串，该字符串把每个元素转换为字符串，并在元素之间插入separator字符串而生成的

实例：

  var fruits = ["Banana", "Orange", "Apple", "Mango"];
  var energy = fruits.join(" and "); 

  var str = fruits.join()
  var str2 = fruits.join("")
  console.log(energy); // "Banana and Orange and Apple and Mango"
  console.log(str);  // "Banana,Orange,Apple,Mango"
  console.log(str2); // "BananaOrangeAppleMango"

10. JavaScript Array splice() 方法

定义： splice() 方法用于添加或删除数组的元素，并返回删除元素组成的数组
注意：这种方法会改变原数组

返回值：
如果删除多个元素，则返回这些元素的数组；如果未删除元素，则返回空数组

语法：

array.splice(index,howmany,item1,...,itemX)

参数：

参数	描述
index	必需，规定从何处开始添加/删除元素
howmany	可选，规定应该删除多少元素
item1, … , itemX	可选，要添加到数组的元素

实例：

  var fruits = ['Rick','Motty','Tom','Jerry']
  fruits.splice(2,2,"Banana","Orange")
  console.log(fruits);

11. JavaScript Array filter() 方法

定义： filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素
注意：filter() 不会对空数组进行检测，不会改变原数组

语法：

array.filter(function(currentValue,index,arr), thisValue)

参数说明：

参数	描述
function(currentValue,index,arr)	必须，函数、数组中的每个元素都会执行这个函数

String对象

1. JavaScript String split() 方法

定义： split() 方法用于把一个字符串分割成字符串数组
如果把空字符串（“”）用作separator，那么stringObject 中的每个字符之间都会被分割

语法

string.split(separator,limit)

参数值

参数	描述
separator	可选，字符串或正则表达式，从该参数指定的地方分割string Object
limit	可选，该参数可指定返回数组的最大长度

返回值

类型	描述
Array	一个字符串数组，返回的数组中的字串不包括separator 自身

实例

var str = "hello-world"
var arr = str.split("-") //["hello","world"]

var str2 = "hello"
var arr2 = str2.split("") //['h','e','l','l','o']

Number 对象

1. JavaScript Number toString() 方法

定义：
数字的字符串表示，进行数字进制转换

语法：

number.toString(radix)

参数值：

参数	描述
radix	可选。规定表示数字的基数，是 2 ~ 36 之间的整数。若省略该参数，则使用基数 10。但是要注意，如果该参数是 10 以外的其他值，则 ECMAScript 标准允许实现返回任意值. 2 - 数字以二进制值显示’8 - 数字以八进制值显示;16 - 数字以十六进制值显示

返回值

类型	描述
String	把数字转换为字符串

实例

var num = 15;
var a = num.toString();      // 15
var b = num.toString(2);     // 1111
var c = num.toString(8);     // 17
var d = num.toString(16);    // f

全局函数

1. JavaScript parseInt() 函数

定义和用法
parseInt() 函数可解析一个字符串，并返回一个整数
当参数radix的值为0，或没有设置该参数时，parseInt()会根据string来判断数字的基数。
当忽略参数radix，JavaScript默认数字的基数如下：

• 如果string以"0x"开头，parseInt() 会把string 的其余部分解析为十六进制的整数
• 如果string以0开头，那么ECMAScript v3允许parseInt()的一个实现把其后的字符解析为八进制或十六进制的数字
• 如果string以1~9的数字开头，parseInt()将把它解析为十进制的整数

语法

parseInt(string, radix)

参数	描述
string	必需，要被解析的字符串
radix	可选，表示要解析的数字的基数。该值介于2~36之间

提示和注释
注意：只有字符串中的第一个数字会被返回
注意：开头和结尾的空格是允许的
注意：如果字符串的第一个字符不能被转换为数字，那么parseInt() 会返回NaN
注意：在字符串以“0”为开始时旧的浏览器默认使用八进制基础

实例

document.write(parseInt("10") + "<br>");
document.write(parseInt("10.33") + "<br>");
document.write(parseInt("34 45 66") + "<br>");
document.write(parseInt(" 60 ") + "<br>");
document.write(parseInt("40 years") + "<br>");
document.write(parseInt("He was 40") + "<br>");
 
document.write("<br>");
document.write(parseInt("10",10)+ "<br>");
document.write(parseInt("010")+ "<br>");
document.write(parseInt("10",8)+ "<br>");
document.write(parseInt("0x10")+ "<br>");
document.write(parseInt("10",16)+ "<br>");

以上实例输出结果：
10
10
34
60
40
NaN

10
10
8
16
16