JS对象操作方法整理

文章目录

JS对象操作方法整理
- 数组
- - ES5
  - ES6
- 字符串 String
- 日期 Date()
- 数字 Number
- 算数 Math

数组

ES5

concat() 连接两个或更多的数组，并返回结果

let arr1 = [1,2,3];
let arr2 = [4,5,6];
let arr3 = arr1.concat(arr2);
console.log(arr3) // [1,2,3,4,5,6]

indexOf(要查找的元素) 搜索数组中的元素，并返回查找元素所在的位置
```
let arr = [1,2,3,4,5];
let index = arr.indexOf(4);
console.log(index) // 3
```

join(指定字符) 把数组的所有元素用指定字符进行拼接

let arr = ['a','b','c','d','e'];
let str = arr.join('');
console.log(str) // abcde

lastIndexOf(要查找的元素) 搜索数组中的元素，并返回要查找元素最后出现的位置。
```
let arr = [1,2,3,4,1,5];
let index = arr.lastIndexOf(1);
console.log(index) // 4
```

pop() 删除数组的最后一个元素并返回删除的元素。原数组改变

let arr = ['a','b','c','d','e'];
let res = arr.pop();
console.log(res) // e
console.log(arr) // ['a','b','c','d']

push() 向数组的末尾添加一个或更多元素，并返回添加后数组的长度。原数组改变

let arr = ['a','b','c','d'];
let len = arr.push('e');
console.log(len) // 5
console.log(arr) // ['a','b','c','d','e']

shift(): 删除数组中第一个元素，并返回删除的元素。原数组改变

let arr = ['a','b','c','d','e'];
let res = arr.shift();
console.log(res); // a
console.log(arr) // ['b','c','d','e']

unshift(要添加的元素) 向数组的起始位置添加一个或更多元素，并返回添加后数组的长度。原数组改变
```
let arr = ['b','c','d','e'];
let len = arr.unshift('a');
console.log(len); // 5
console.log(arr); // ['a','b','c','d','e']
```

slice(起始位置，结束位置) 选取数组的的一部分，并返回一个新数组。

let arr = ['a','b','c','d','e'];let arr1 = arr.slice(0,3);
console.log(arr1); // ['a','b','c']let arr2 = arr.slice(1);
console.log(arr2); // ['b','c','d','e'];let arr3 = arr.slice(0,-1);
console.log(arr3); // ['a','b','c','d']let arr4 = arr.slice(-2);
console.log(arr4); // ['d','e']

splice() 从数组中添加或删除元素。

删除

let arr = [10,20,30,40,50,60,70,80,90]
let res = arr.splice(2,4)
console.log(res,arr) // => //=>[30,40,50,60] [10,20,70,80,90]

修改

let arr = [10,20,30,40,50];
let res = arr.splice(1,2,'李四','张三');
console.log(res,arr);   //=>[20,30] [10,'李四','张三',40,50]

增加

let arr = [10,20,30,40,50,60,70,80,90]
arr.splice(3,0,'呵呵呵');
console.log(arr);   //=>[10,20,30,'呵呵呵',40,50,60,70,80,90]

forEach() 循环遍历数组。

let arr = ['a','b','c'];
arr.forEach((item,index,arr)=>{console.log(item,index,arr)
})
// a 0 ['a','b','c']
// b 1 ['a','b','c']
// c 2 ['a','b','c']

isArray() 判断对象是否为数组。返回布尔值

let str = '123';
console.log(Array.isArray(str)); // false

reduce() 将数组元素计算为一个值（从左到右）。

let arr = [1,2,3,4,5];
//此函数接收两个参数，第一个为迭代器函数；第二个是可选参数，累加器的初始值
/*
回调函数共有四个参数：第一个参数：累加器，即函数上一次调用的返回值;第二个参数：数组中函数正在处理的的值第三个参数：数组中函数正在处理的的索引第四个参数：函数调用的数组
*/
let res = arr.reduce((a,b)=>{return a+b
})
console.log(res) // 15

reduceRight() 将数组元素计算为一个值（从右到左）。

reverse() 反转数组的元素顺序。

let arr = ['a','b','c','d'];
arr.reverse();
console.log(arr)// ['d','c','b','a']

ES6

every() 检测数值元素的每个元素是否都符合条件。返回布尔值
```
let arr = [70,60,45,80,59];
let flag = arr.every(item=>item>=60);
console.log(flag) // false
```
详见：JavaScript中Array数组的every()函数的详解

some() 检测数组元素中是否有元素符合指定条件。

let arr = [70,60,45,80,59];
let flag = arr.some(item=>item==80);
console.log(flag) // true

详见：Array.some() 方法

map() 通过指定函数处理数组的每个元素，并返回处理后的数组。
```
let arr = [70,60,45,80,59];
let newArr = arr.map(item=>item+1);
console.log(newArr) // [71,61,46,81,60]
```
详见：JS语法之：map()方法
filter() 检测数值元素，并返回符合条件所有元素的数组。
```
let arr = [34,21,44,19];
let newArr = arr.filter(item=>item>25);
console.log(newArr) // [34,44]
```
详见：Array.filter（）解析
includes() 判断一个数组是否包含一个指定的值。返回布尔值
```
let arr = ['a','b','c','d'];
let flag = arr.includes('e');
console.log(flag) // false
```
详见：ES6之Array.includes()函数

fill() 使用一个固定值来填充数组。

/*三个参数：第一个：要填充的元素第二个：起始位置第三个：要填充的个数
*/
let arr = ['a','b','c','d','e'];
let newArr = arr.fill('*',0,2);
console.log(newArr) // ['*','*','c','d','e']

详见：ES6的Array.fill()方法

copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。返回修改后的数组（即直接修改原数组），不会改变数组的长度

// Array.copyWithin(target,start,end)
// target为必需，复制到指定位置目标索引，可以为负值，为负值后，索引为length+target
// start 可选，元素复制的起始位置，省略，默认为0。可以为负值，为负值后，索引为length+start
// end 可选，省略，默认为数组的length，可以为负值，为负值后，索引为length+end
// 若start的值大于end，则直接返回原数组，不进行任何处理
var arr = ["apple","banana","cover","double"]；
arr.copyWithin(1,1,2)
console.log(arr)

详见：ES6中Array.copyWithin()函数的用法实例详解

find() 返回符合传入测试（函数）条件的数组元素。如果找不到则返回undefined

// Array.find(function(value, index, arr),thisValue){},thisValue)
// function(必填):在数组的元素上执行的函数，它带有三个参数// value(必填)：元素// index(可选)：元素索引// arr(可选)：数组自身
// thisValue(选填)：执行回调时用作this的对象// 返回值：如果函数返回true，则停止迭代，并返回currentValue；如果没有搜索到，则返回undefined
let arr = ['a','b','c','d','e'];
let res = arr.find(item=>item=='c');
console.log(res) // c

findIndex() 返回符合传入测试（函数）条件的数组元素索引。找不到则返回-1

// Array.findIndex(function(value,index,arr){})
let arr = ['a','b','c','d','e'];
let res = arr.findIndex(item=>item=='c');
console.log(res) // 2

from() 将一个类数组对象或者可遍历对象转换成一个真正的数组。

将类数组对象转换成真正数组

let arrayLike = {0: 'tom', 1: '65',2: '男',3: ['jane','john','Mary'],'length': 4
}
let arr = Array.from(arrayLike);
console.log(arr) // ['tom','65','男',['jane','john','Mary']]

如果将上面代码中的length属性去掉，将会得到一个长度为0的空数组；如果将上面的属性名不为数字类型，改为字符串，将会得到一个数组元素全为`undefined`的数组。所以要想将类数组转换为真正的数组必须具备以下条件：1.   该类数组对象必须具有length属性，用于指定数组的长度。如果没有length属性，那么转换后的数组是一个空数组。2.   该类数组对象的属性名必须为数值型或字符串型的数字PS：该类数组对象的属性名可以加引号，也可以不加引号

将Set结构的数据转换为真正的数组

let arr = [12,45,97,9797,564,134,45642]
let set = new Set(arr)
console.log(Array.from(set))  // [ 12, 45, 97, 9797, 564, 134, 45642 ]

Array.from()还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。如下：

let arr = [12,45,97,9797,564,134,45642]
let set = new Set(arr)
console.log(Array.from(set, item => item + 1)) // [ 13, 46, 98, 9798, 565, 135, 45643 ]

将字符串转换为数组

let  str = 'hello world!';
console.log(Array.from(str)) // ["h", "e", "l", "l", "o", " ", "w", "o", "r", "l", "d", "!"]

Array.from参数是一个真正的数组。Array.from会返回一个一模一样的新数组

sort() 对数组的元素进行排序。

不传参的情况

var arr=[1,3,10,4,2];
arr.sort();
console.log(arr);   //1,10,2,3,4

传参的情况

var arr=[1,3,10,4,2];
function compare(value1,value2) {if(value1<value2){return -1;}else if(value1>value2){return 1;}else {return 0}
}
arr.sort(compare);
console.log(arr)   //1,2,3,4,10

详见：array.sort()方法及原理

keys() 返回带有数组键的 Array Iterator 对象。

let arr = ['a','b','c','d'];
let keys = arr.keys();
for(let i of keys){console.log(i)
}
// 0
// 1
// 2
// 3

详见：你真的了解Array.keys的用法吗

toString() 把数组转换为字符串，并返回结果。

let arr = [1,2,3,4];
let res = arr.toString();
console.log(res) // 1,2,3,4

valueOf() 返回数组对象的原始值。

entries() 返回带有数组键的 Array Iterator 对象，但是与keys()有所不同

let arr = ['a','b','c','d'];
let res = arr.entries();
for(let a of res){console.log(a)
}
// [0,'a']
// [1,'b']
// [2,'c']
// [3,'d']

字符串 String

charAt(index) 返回在指定位置的字符

let str = 'abcde';
let a = str.charAt(3);
console.log(a) // d

concat() 拼接

let str1 = 'abc';
let str2 = 'def';
let str3 = str1.concat(str2);
console.log(str3) // abcdef

indexOf() 返回字符在字符串中的首次出现的位置，如果找不到则返回-1
```
let str = 'abcdeabcde';
let index = str.indexOf('c');
console.log(index) // 2
```
includes() 查找在字符串中是否包含某个字符，有则返回true，没有返回false
```
let str = 'abcde';
let res = str.includes('b');
console.log(res) // true
```
lastIndexOf() 返回字符在字符串中最后出现的位置，如果找不到则返回-1
```
let str = 'abcdeabcde';
let index = str.lastIndexOf('c');
console.log(index) // 7
```

slice(start,end) 截取指定位置的字符并返回

let str = 'abcdefg';
let res = str.slice(1,3);
console.log(res) // bc

split() 将字符串按指定字符分割为数组

// 有两个参数：
//      第一个参数：用以拆分的字符
//      第二个参数：拆分后保留的长度
let str = '1-2-3-4-5';
let res = str.split('-');
let res2 = str.split('-',2);
console.log(res) // ['1','2','3','4','5']
console.log(res2) // ['1','2']

substr(start,length) 返回截取后的字符串

let str = 'abcde';
let res = str.substr(1,2);
console.log(res) // bc

substring(start,end) 返回截取后的字符串

let str = 'abcdef';
let res = str.substring(1,4);
console.log(res) // bcd

toLowerCase() 将字母转换为小写

let str = 'ABCDE';
let res = str.toLowerCase();
console.log(res) // abcde

toUpperCase() 将字母转换为大写

let str = 'abcde';
let res = str.toUpperCase();
console.log(res) // ABCDE

trim() 去除字符串两边的空白

let str = '  abcde  ';
let res = str.trim();
console.log(res) // 'abcde'

replace(正则表达式或指定字符,要替换的内容) 返回替换后的字符串。如果要替换的字符不止一处，则只替换第一处。

let str = 'ab9cde2f';
let res = str.replace('c','G');
let res2 = str.replace(/[0-9]/,'Z');
console.log(res) // ab9Gde2f
console.log(res2) // abZcde2f

replaceAll(正则表达式或指定字符,要替换的内容) 返回替换后的字符串。与replace不同的是替换所有位置的字符

let str = 'ab9cde2fabc';
let res = str.replaceAll('c','G');
// 这里如果是正则的话，后面必须加小写的 g ,否则会报错。
// 加了 g 之后与上面 replace 正则后加 g 等效。
let res2 = str.replaceAll(/[0-9]/g,'Z');
console.log(res) // ab9Gde2fabG
console.log(res2) // abZcdeZfabc

charCodeAt() 返回指定位置字符的Unicode码

let str = '四';
let res = str.charCodeAt();
console.log(res) // 22235

fromCharCode() 将Unicode码转换为字符

let res = String.fromCharCode(22235)
console.log(res) // 四

repeat() 复制字符串指定次数，并将它们连接在一起返回
```
let str = 'abc';
let res = str.repeat(2);
console.log(res) // abcabc
```
startsWith() 查看字符串是否以指定的子字符串开头，是则返回true，不是则返回false
```
let str = 'abc';
let res = str.startsWith('a');
console.log(res) // true
```
toLocaleLowerCase() 根据本地主机的语言环境把字符串转换为小写
```
let str = 'ABC';
let res = str.toLocaleLowerCase();
console.log(res) // abc
```
toLocaleUpperCase() 根据本地主机的语言环境把字符串转换为大写
```
let str = 'abc';
let res = str.toLocaleUpperCase();
console.log(res) // ABC
```
valueOf() 返回某个字符串对象的原始值
toString() 返回一个字符串

日期 Date()

getFullYear() 从 Date 对象以四位数字返回当前年份

let date = new Date();
console.log(date.getFullYear()) // 2022

getMonth() 从 Date 对象返回当前月份 (0 ~ 11)。要注意的是这里获取的月份与实际的月份差1个月，所以当前月份 = 获取月份 + 1
```
let date = new Date();
console.log(date.getMonth()) //3
```
getDay() 从 Date 对象返回一周中的某一天(0 ~ 6)。因为这里是按照国外的标准进行判定，所以0对应的是国外的周日。
```
let date = new Date();
console.log(date.getDay()) // 3
```

getDate() 从 Date 对象返回一个月中的某一天

let date = new Date();
console.log(date.getDate()) // 20

getHours() 返回 Date 对象的小时

let date = new Date();
console.log(date.getHours())

getMinutes() 返回 Date 对象的分钟 (0 ~ 59)

let date = new Date();
console.log(date.getMinutes())

getSeconds() 返回 Date 对象的秒数 (0 ~ 59)

let date = new Date();
console.log(date.getSeconds())

getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)

let date = new Date();
console.log(date.getMilliseconds())

getTime() 返回 1970 年 1 月 1 日至今的毫秒数（时间戳）
```
let date = new Date();
console.log(date.getTime())
```
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差
```
let date = new Date();
console.log(date.getTimezoneOffset())
```
getYear() 已废弃。请使用 getFullYear() 方法代替
parse() 返回1970年1月1日午夜到指定日期（字符串）的毫秒数
```
let date = new Date();
console.log(Date.parse(date))
```
setFullYear() 设置 Date 对象中的年份（四位数字），返回所设置年份的毫秒数（时间戳）
```
let date = new Date();
console.log(date.setFullYear(2021))
```
setMonth() 设置 Date 对象中月份 (0 ~ 11)，返回当前年份所设置月份的毫秒数
```
let date = new Date();
console.log(date.setMonth(3))
```
setDate() 设置 Date 对象中月的某一天，返回当前年当前月所设置天数的毫秒数
```
let date = new Date();
console.log(date.setDate(14))
```

setHours() 设置 Date 对象中的小时 (0 ~ 23)

let date = new Date();
console.log(date.setHours(14))

setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)

let date = new Date();
console.log(date.setMinutes(14))

setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)

let date = new Date();
console.log(date.setSeconds(14))

setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)

let date = new Date();
console.log(date.setMilliseconds(143))

setTime() 以毫秒设置 Date 对象，返回当前设置的时间的值
```
let date = new Date();
console.log(date.setTime(143))
```
setYear() 已废弃。请使用 setFullYear() 方法代替

toDateString() 把 Date 对象的日期部分转换为字符串

let date = new Date();
console.log(date.toDateString()) // 'Wed Apr 20 2022'

toGMTString() 已废弃。请使用 toUTCString() 方法代替

toISOString() 使用 ISO 标准返回字符串的日期格式

let date = new Date();
console.log(date.toISOString()) // '2022-04-20T13:37:22.349Z'

toJSON() 以 JSON 数据格式返回日期字符串

let date = new Date();
console.log(date.toJSON()) // '2022-04-20T13:38:29.839Z'

toLocaleDateString() 根据本地时间格式，把 Date 对象的日期部分转换为字符串
```
let date = new Date()
console.log(date.toLocaleDateString()) // '2022/4/20'
```
toLocaleTimeString() 根据本地时间格式，把 Date 对象的时间部分转换为字符串
```
let date = new Date()
console.log(date.toLocaleTimeString()) // '21:41:08'
```

toLocaleString() 据本地时间格式，把 Date 对象转换为字符串

let date = new Date()
console.log(date.toLocaleString()) // '2022/4/20 21:41:54'

toString() 把 Date 对象转换为字符串

let date = new Date()
console.log(date.toString()) // 'Wed Apr 20 2022 21:42:49 GMT+0800 (中国标准时间)'

toUTCString() 根据世界时，把 Date 对象转换为字符串

let date = new Date()
console.log(date.toUTCString()) // 'Wed, 20 Apr 2022 13:43:27 GMT'

toTimeString() 把 Date 对象的时间部分转换为字符串

let date = new Date()
console.log(date.toTimeString()) // '21:44:14 GMT+0800 (中国标准时间)'

valueOf() 返回 Date 对象的原始值

let date = new Date()
console.log(date.valueOf()) // 1650462327495

UTC() 接受的参数同日期构造函数接受最多参数时一样，返回从1970-1-1 00:00:00 UTC到指定日期的的毫秒数。
```
console.log(Date.UTC(2022,4,20)) // 1653004800000
```
getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)
```
let date = new Date()
console.log(date.getUTCDate()) // 20
```
getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份
```
let date = new Date()
console.log(date.getUTCFullYear()) // 2022
```
getUTCMonth() 根据世界时从 Date 对象返回月份 (0 ~ 11)
```
let date = new Date()
console.log(date.getUTCMonth()) // 3
```
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)
```
let date = new Date()
console.log(date.getUTCDay()) // 3
```
getUTCHours() 根据世界时返回 Date 对象的小时 (0 ~ 23)
```
let date = new Date()
console.log(date.getUTCHours()) // 13
```
getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)
```
let date = new Date()
console.log(date.getUTCMinutes()) // 54
```
getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)
```
let date = new Date()
console.log(date.getUTCSeconds()) // 58
```
getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)
```
let date = new Date()
console.log(date.getUTCMilliseconds()) // 203
```

setUTCFullYear() 根据世界时设置 Date 对象中的年份（四位数字）

let date = new Date()
console.log(date.setUTCFullYear(2020)) // 1587390978552

setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)

let date = new Date()
console.log(date.setUTCMonth(3)) // 1650463014336

setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)

let date = new Date()
console.log(date.setUTCDate(20)) // 1650463046675

setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)

let date = new Date()
console.log(date.setUTCHours(22)) // 1650495480652

setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)

let date = new Date()
console.log(date.setUTCMinutes(22)) // 1650460948239

setUTCSeconds() 用于根据世界时 (UTC) 设置指定时间的秒字段

let date = new Date()
console.log(date.setUTCSeconds(22)) // 1650463162331

setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)

let date = new Date()
console.log(date.setUTCMilliseconds(222)) // 1650463174222

数字 Number

isFinite() 用来检测传入的参数是否是一个有穷数。

console.log(Number.isFinite(1 / 0));
// expected output: falseconsole.log(Number.isFinite(10 / 5));
// expected output: trueconsole.log(Number.isFinite(0 / 0));
// expected output: false

toExponential(x) 把对象的值转换为指数计数法

let num = 77.1234;
console.log(num.toExponential(4)) // 7.7123e+1
let num = 77.1234;
console.log(num.toExponential()) // 7.71234e+1
let num = 77.1234;
console.log(num.toExponential(0)) // 8e+1

toFixed(x) 把数字转换为字符串，结果的小数点后有指定位数的数字

// 语法：Number.toFixed(digits)
// digits : 小数点后数字的个数；介于 0 到 20 （包括）之间，实现环境可能支持更大范围。如果忽略该参数，则默认为 0new Number(21.2).toFixed(0) //21
new Number(21.2).toFixed(1) //21.2
new Number(21.2).toFixed(2) //21.20

toPrecision(x) 把数字格式化为指定的长度

//toPrecision()会进行四舍五入var num = 423.536;
// 调用的是toString()方法
console.log( num.toPrecision() ); // 423.536num = 562345.12456;
// 由于整数部分有6位，要求只有3位有效数字，必须采用指数计数法才能表示。
console.log( num.toPrecision( 3 ) ); // 5.62e+5num = -2651.10;
// 整数部分有4位，要求的有效数字为4位，采用定点表示法
console.log( num.toPrecision( 4 ) ); // -2651num = 4564561.12457;
// 整数部分有7位，要求有效数字为1位，采用指数计数法
console.log( num.toPrecision( 1 ) ); // 5e+6num = 231;
// 整数部分有3位，要求有效数字为5位，采用定点表示法，并在小数部分填充两个0
console.log( num.toPrecision( 5 ) ); // 231.00

详见：JavaScript Number.toPrecision() 函数详解

toString() 把数字转换为字符串，使用指定的基数
```
console.log(new Number(22).toString()) // '22'
```
valueOf() 返回一个 Number 对象的基本数字值
```
console.log(new Number(22).valueOf()) // 22
```

算数 Math

abs(x) 返回绝对值
```
console.log(Math.abs(-1)) // 1
```
acos(x) 返回一个数的反余弦值（单位为弧度）
acos 方法以 -1 到 1 的一个数为参数，返回一个 0 到 π（弧度）的数值。如果传入的参数值超出了限定的范围，将返回 NaN。
```
Math.acos(-2);  // NaN
Math.acos(-1);  // 3.141592653589793
Math.acos(0);   // 1.5707963267948966
Math.acos(0.5); // 1.0471975511965979
Math.acos(1);   // 0
Math.acos(2);   // NaN
```
asin(x) 返回一个数值的反正弦（单位为弧度）
asin 方法接受 -1 到 1 之间的数值作为参数，返回一个介于-π/2 到π/2 弧度的数值。如果接受的参数值超出范围，则返回 NaN。
```
Math.asin(-2);  // NaN
Math.asin(-1);  // -1.5707963267948966 (-pi/2)
Math.asin(0);   // 0
Math.asin(0.5); // 0.5235987755982989
Math.asin(1);   // 1.570796326794897 (pi/2)
Math.asin(2);   // NaN
```
atan(x) 返回一个数值的反正切（以弧度为单位）
atan 返回一个 -π/2 到 π/2 弧度之间的数值。
```
Math.atan(1);  // 0.7853981633974483
Math.atan(0);  // 0
```

atan2(y,x) 返回从原点(0,0)到(x,y)点的线段与x轴正方向之间的平面角度(弧度值)，也就是Math.atan2(y,x)
atan2 方法返回一个 -π 到 π 之间的数值，表示点 (x, y) 对应的偏移角度。这是一个逆时针角度，以弧度为单位，正X轴和点 (x, y) 与原点连线之间。注意此函数接受的参数：先传递 y 坐标，然后是 x 坐标。
atan2 接受单独的 x 和 y 参数，而 atan 接受两个参数的比值。

Math.atan2(90, 15) // 1.4056476493802699
Math.atan2(15, 90) // 0.16514867741462683Math.atan2( ±0, -0 )               // ±PI.
Math.atan2( ±0, +0 )               // ±0.
Math.atan2( ±0, -x )               // ±PI for x > 0.
Math.atan2( ±0, x )                // ±0 for x > 0.
Math.atan2( -y, ±0 )               // -PI/2 for y > 0.
Math.atan2( y, ±0 )                // PI/2 for y > 0.
Math.atan2( ±y, -Infinity )        // ±PI for finite y > 0.
Math.atan2( ±y, +Infinity )        // ±0 for finite y > 0.
Math.atan2( ±Infinity, x )         // ±PI/2 for finite x.
Math.atan2( ±Infinity, -Infinity ) // ±3*PI/4.
Math.atan2( ±Infinity, +Infinity ) // ±PI/4.

ceil(x) 上舍入，返回大于或等于一个给定数字的最小整数。

console.log(Math.ceil(.95)); // 1console.log(Math.ceil(4)); // 4console.log(Math.ceil(7.004)); // 8console.log(Math.ceil(-7.004)); // -7

cos(x) 返回一个数值的余弦值。
cos 方法返回一个 -1 到 1 之间的数值，表示角度（单位：弧度）的余弦值。
```
Math.cos(0);           // 1
Math.cos(1);           // 0.5403023058681398Math.cos(Math.PI);     // -1
Math.cos(2 * Math.PI); // 1
```

exp(x) 函数返回 e^x，x 表示参数，e 是欧拉常数，自然对数的底数

Math.exp(-1); // 0.36787944117144233
Math.exp(0);  // 1
Math.exp(1);  // 2.718281828459045

floor(x) 下舍入，返回小于或等于一个给定数字的最大整数。

Math.floor( 45.95); // 45
Math.floor( 45.05); // 45
Math.floor( 4 ); // 4
Math.floor(-45.05); // -46
Math.floor(-45.95); // -46

log(x) 返回一个数的自然对数
如果指定的 number 为负数，则返回值为 NaN。

Math.log(-1); // NaN, out of range
Math.log(0); // -Infinity
Math.log(1); // 0
Math.log(10); // 2.302585092994046

max() 返回一组数中的最大值。

console.log(Math.max(1, 3, 2)); //  3console.log(Math.max(-1, -3, -2)); //  -1const array1 = [1, 3, 2];
console.log(Math.max(...array1)); //  3

min() 返回零个或更多个数值的最小值。如果任一参数不能转换为数值，则返回NaN。如果没有参数，结果为Infinity。
```
Math.min(10,20,5); // 5
```

pow(x,y) 返回基数（base）的指数（exponent）次幂，即 base^exponent。

console.log(Math.pow(7, 3)); //  343console.log(Math.pow(4, 0.5)); //  2console.log(Math.pow(7, -2)); //  0.02040816326530612 (1/49)console.log(Math.pow(-7, 0.5)); //  NaN

random() 函数返回一个浮点数, 伪随机数在范围从0到小于1，也就是说，从0（包括0）往上，但是不包括1（排除1），然后您可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。
```
function getRandomInt(max) {return Math.floor(Math.random() * max);
}
console.log(getRandomInt(3)); //  0, 1 or 2
console.log(getRandomInt(1)); //  0
console.log(Math.random()); //  a number from 0 to <1
```
round() 返回一个数字四舍五入后最接近的整数。
如果参数的小数部分大于 0.5，则舍入到相邻的绝对值更大的整数。如果参数的小数部分小于 0.5，则舍入到相邻的绝对值更小的整数。如果参数的小数部分恰好等于0.5，则舍入到相邻的在正无穷（+∞）方向上的整数。注意，与很多其他语言中的round()函数不同，Math.round()并不总是舍入到远离0的方向（尤其是在负数的小数部分恰好等于0.5的情况下）。
```
x = Math.round(20.49);   //20
x = Math.round(20.5);    //21
x = Math.round(-20.5);   //-20
x = Math.round(-20.51);  //-21
```
sin() 返回一个数值的正弦值。
sin 方法返回一个 -1 到 1 之间的数值，表示给定角度（单位：弧度）的正弦值。
```
Math.sin(0);           // 0
Math.sin(1);           // 0.8414709848078965Math.sin(Math.PI / 2); // 1
```

sqrt() 返回一个数的平方根。如果参数 number 为负值，则 sqrt 返回NaN。

Math.sqrt(9); // 3
Math.sqrt(2); // 1.414213562373095Math.sqrt(1);  // 1
Math.sqrt(0);  // 0
Math.sqrt(-1); // NaN
Math.sqrt(-0); // -0

更多js内置对象可参考：JavaScript 标准内置对象

JS内置对象操作方法整理相关推荐

JS 内置对象 String对象
JS内置对象 String对象:字符串对象,提供了对字符串进行操作的属性和方法. Array对象:数组对象,提供了数组操作方面的属性和方法. Date对象:日期时间对象,可以获取系统的日期 ...
前端：JS/23/JS内置对象（String对象，Array对象，Date对象，Boolean对象，Number对象，Math对象），实例：求圆的面积，求直角三角形
JS内置对象 1,String对象字符串对象,提供了对字符串进行操作的属性和方法 2,Array对象数组对象,提供了数组操作方面的属性和方法 3,Date对象日期时间对象,可以获取系统的日期时间 ...
4月5日--课堂笔记--JS内置对象
JavaScript 4.5 一. JS内置对象 1.数组Array a)创建语法1:var arr=new Array(参数); i. 没有参数:创建一个初始容量为0的数组 ii. ...
js内置对象【学习笔记】
今天系统的学了一下javascript的内置对象.mark相关的知识点: 首先,什么是js的内置对象,它包括了些什么内容?(以下内容转自网上资源的整合) (W3shool JS手册地址:http:// ...
window内置对象和js内置对象与方法
window内置对象一.navigator 代表着浏览器本身的信息: 代码名:navigator.appCodeName 浏览器语言:navigator.browserLanguage 操作系统 ...
JS内置对象及其用法总结
首先JS对象分为3种:自定义.内置.浏览器.今天就总结一下JS内置对象以及一些用法. 一.Math对象:不是一个构造函数,不需要new,直接调用即可. 1.Math.max(x,y);返回x,y的最大 ...
js内置对象常用方法
js内置对象常用方法 JS内置对象: ● String对象:处理所有的字符串操作 ● Math对象:处理所有的数学运算 ● Date对象:处理日期和时间的存储.转化和表达 ● Array对象:提供一个 ...
js浏览器内置对象和js内置对象
浏览器内置 1.Location 对象 hash :返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname ...
JS内置对象思维导图
来理一理JS内置对象吧

JS内置对象操作方法整理