js常用数据操作-字符串、数字、数组、对象

1.字符串

1.1字符串属性

属性	描述
constructor	返回创建字符串属性的函数
length	返回字符串的长度
prototype	允许您向对象添加属性和方法

var str = "abcdefglove";
console.log(str.constructor)//[Function: String]
console.log(str.length)//11

1.2字符串方法

方法	描述
charAt()	返回指定索引位置的字符
charCodeAt()	返回指定索引位置字符的 Unicode 值
concat()	连接两个或多个字符串，返回连接后的字符串
fromCharCode()	将 Unicode 转换为字符串
indexOf()	返回字符串中检索指定字符第一次出现的位置
lastIndexOf()	返回字符串中检索指定字符最后一次出现的位置
localeCompare()	用本地特定的顺序来比较两个字符串
match()	找到一个或多个正则表达式的匹配
replace()	替换与正则表达式匹配的子串
search()	检索与正则表达式相匹配的值
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分
split()	把字符串分割为子字符串数组
substr()	从起始索引号提取字符串中指定数目的字符
substring()	提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()	根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLocaleUpperCase()	根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射
toLowerCase()	把字符串转换为小写
toString()	返回字符串对象值
toUpperCase()	把字符串转换为大写
trim()	移除字符串首尾空白
valueOf()	返回某个字符串对象的原始值

var str = "abcdefglove";
console.log(str.charAt(3))//d
console.log(str.charCodeAt(0))//97
console.log(str.concat('add'))//abcdefgloveadd
console.log(str.endsWith('ve'))//true
console.log(str.startsWith('cd'))//false
console.log(String.fromCharCode(65))//A
console.log(str.indexOf('e'))//4
console.log(str.lastIndexOf('e'))//10
console.log(str.repeat(2))//abcdefgloveabcdefglove
console.log(str.slice(-3, -1))//0v
console.log(str.split(''))//['a', 'b', 'c', 'd','e', 'f', 'g', 'l','o', 'v', 'e']
console.log(str.substr(2, 3))//cde
console.log(str.substring(2, 3))//c
console.log(str.toUpperCase())//ABCDEFGLOVE
console.log(' str'.trim())//str
console.log(str)//abcdefglove
console.log(str.toString())//abcdefglove

2.数字

与许多其他编程语言不同，JavaScript 不会定义不同类型的数，比如整数、短的、长的、浮点的等等。
JavaScript 数值始终以双精度浮点数来存储，根据国际 IEEE 754 标准。
此格式用 64 位存储数值，其中 0 到 51 存储数字（片段），52 到 62 存储指数，63 位存储符号

2.1数字属性

属性	描述
constructor	返回对创建此对象的 Number 函数的引用。
MAX_VALUE	可表示的最大的数。
MIN_VALUE	可表示的最小的数。
NaN	非数字值。
NEGATIVE_INFINITY	负无穷大，溢出时返回该值。
POSITIVE_INFINITY	正无穷大，溢出时返回该值。
prototype	使您有能力向对象添加属性和方法。

2.2数字方法

方法	描述
toString	把数字转换为字符串，使用指定的基数。
toLocaleString	把数字转换为字符串，使用本地数字格式顺序。
toFixed	把数字转换为字符串，结果为四舍五入的小数点后有指定位数的数字。
toExponential	把对象的值转换为指数计数法
toPrecision	把数字格式化为指定的长度。
valueOf	返回一个 Number 对象的基本数字值

var num = 245
console.log(num.toString(2)) //11110101
console.log(num.toString()) //245
console.log(num.toLocaleString()) //245
console.log(2.1356.toFixed(3)) //2.135 参数是必需。规定小数位数
console.log(2.1355.toExponential(2)) //2.14e+0 参数是必需。规定指数计数法中的小数位数
console.log(num.toPrecision(2)) //2.5e+2 参数是必需。规定必须被转换为指数计数法的最小位数

2.3将变量转为数值

方法	描述
Number()	返回数字，由其参数转换而来。
parseFloat()	解析其参数并返回浮点数。
parseInt()	解析其参数并返回整数。

console.log(Number(true)) //1
console.log(Number(new Date())) //1661000421975
console.log(Number('10 20')) //NaN
console.log(Number(new Date("2022-04-15"))) //1649980800000
console.log(parseInt("10.56")) //10
console.log(parseInt("10 56")) //10
console.log(parseFloat("10.56")) //10.56

2.4数字常用操作

console.log(Math.ceil(10.45))// 11 向上取整
console.log(Math.floor(10.45))//10  向下取整
console.log(Math.round(10.45))//10  四舍五入取整

3. 数组

3.1数组属性

属性	描述
constructor	返回创建数组对象的原型函数。
length	设置或返回数组元素的个数。
prototype	允许你向数组对象添加属性或方法。

3.2数组方法

方法	描述
concat()	连接两个或更多的数组，并返回结果。
copyWithin()	从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()	返回数组的可迭代对象。
every()	检测数值元素的每个元素是否都符合条件。
fill()	使用一个固定值来填充数组。
filter()	检测数值元素，并返回符合条件所有元素的数组。
find()	返回符合传入测试（函数）条件的数组元素。
findIndex()	返回符合传入测试（函数）条件的数组元素索引。
forEach()	数组每个元素都执行一次回调函数。
from()	通过给定的对象中创建一个数组。
includes()	判断一个数组是否包含一个指定的值。
indexOf()	搜索数组中的元素，并返回它所在的位置。
isArray()	判断对象是否为数组。
join()	把数组的所有元素放入一个字符串。
keys()	返回数组的可迭代对象，包含原始数组的键(key)。
lastIndexOf()	搜索数组中的元素，并返回它最后出现的位置。
map()	通过指定函数处理数组的每个元素，并返回处理后的数组。
pop()	删除数组的最后一个元素并返回删除的元素。
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reduce()	将数组元素计算为一个值（从左到右）。
reduceRight()	将数组元素计算为一个值（从右到左）。
reverse()	反转数组的元素顺序。
shift()	删除并返回数组的第一个元素。
slice()	选取数组的一部分，并返回一个新数组。
some()	检测数组元素中是否有元素符合指定条件。
sort()	对数组的元素进行排序。
splice()	从数组中添加或删除元素。
toString()	把数组转换为字符串，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值。

var arr = [0, 'Alice', 3, 4, 6, 3]
    // console.log(arr.copyWithin(1, 2, 3))//[ 0, 3, 3, 4, 6 ] 会改变数组
console.log(new Map(arr.entries())) //Map(5) { 0 => 0, 1 => 'Alice', 2 => 3, 3 => 4, 4 => 6 }
console.log(arr.every((a) => { typeof(a) === Number })) // false
console.log(arr.find((a) => { return a >= 3 }))//3
console.log(arr.findIndex((a) => { return a >= 3 }))//2
console.log(Array.from([1, 2, 3], x => x * 10))//[ 10, 20, 30 ]
console.log(arr.includes(3))//true
console.log(arr.indexOf(3))//2
console.log(arr.join(''))//0Alice3463
console.log(arr.map((a) => { return a + 1 }))//[ 1, 'Alice1', 4, 5, 7, 4 ]

4.对象

发现一个写的很详细的博客

4.1Map

Map 对象存有键值对，其中的键可以是任何数据类型。

Map 对象记得键的原始插入顺序。

Map 对象具有表示映射大小的属性。

4.2Map()方法

方法	描述、
new Map()	创建新的 Map 对象。
set()	为 Map 对象中的键设置值。
get()	获取 Map 对象中键的值。
entries()	返回 Map 对象中键/值对的数组。
keys()	返回 Map 对象中键的数组。
values()	返回 Map 对象中值的数组。
clear()	删除 Map 中的所有元素。
delete()	删除由键指定的元素。
has()	如果键存在，则返回 true。
forEach()	为每个键/值对调用回调。

4.3Map()属性

size	获取 Map 对象中某键的值。

4.4js对象和Map对象的区别

	对象	Map
Size	对象没有 size 属性	Maps 有 size 属性
键类型	对象键必须是字符串（或符号）	Map 键可以是任何数据类型
键顺序	对象键没有很好地排序	Map 键按插入排序
默认	对象有默认键	Map 没有默认键

根据是否改变原数组分类

会改变原数组的方法：
pop() push() shift() unshift() splice() reverse() sort()
不会改变原数组的方法：
join() slice() reduce() split() toString() concate() JSON.parse(JSON.stringify(arry)) indexOf