【必备知识点】javascript里面那些天天使用的api -凯发ag旗舰厅登录网址下载

array

array.push(item…)

作用：往数组添加元素，尾部添加

array.unshift(item…)

作用：往数组添加元素，头部添加

array.concat(item…)

作用：把 元素 插入数组，和push不同的点在于，concat可以指定元素是数组，即把一个数组在尾部插入。

// 和删除相对应，增加也有从头部增加和尾部增加// 插入单个元素 // 1. 从头部插入 arr.unshift(item...) let arr = [1,2,3]; arr.unshift(0); console.log(arr); //[0,1,2,3]// 2. 从尾部插入 arr.push(item...) arr = [1,2,3]; arr.push(4); console.log(arr); //[1,2,3,4]// 3. 插入多个元素 // 显然如果插入多个元素，我们一个个去push是很麻烦的，所以提供了一个方法 // arr.concat(item...) concat 这个单词的含义是合并数组; arr1 = [1,2]; arr2 = [3,4]; arr = arr1.concat(arr2); console.log(arr); //[1,2,3,4] & arr1 没有改变 还是[1,2]

array.pop()

作用：删除元素，从尾部删除

array.shift()

作用：删除元素，从头部删除

//arr.shift() 删除第一个元素并返回 let arr = [1,2,3]; let element = arr.shift(); //element 是 1 console.log(element);//arr.pop() 删除最后一个元素并返回 arr = [1,2,3]; element = arr.pop(); //element 是 3 console.log(element);

array.reverse()

作用: 反转数组的顺序，并返回array本身

/*** 使用arr.reverse()反转数组*/ let arr = [1,2,3]; arr.reverse() // 直接改变原数组 console.log(arr); // [3,2,1]

arry.slice(start,end)

作用:复制array里的一段内容

/*** 有的时候我们想复制数组中的一段元素，但是我们不想改变原数组* 就用 arr.slice(start,end)* 参数 start 开始索引* end 结束索引* 实际获取的元素是 [start,end) 左闭,右开 ！！！* 基本上所有语言，（start,end）都是这样的规定*/let arr = [1,2,3]; let temp = arr.slice(0,2); console.log(temp); //[1,2]

array.join(separator)

作用：数组转字符串，将数组里面的元素拿出来用separator（分隔符）串联在一起，变成字符串

/*** arr.join(separator)* 数组转字符串 把数组的每个元素拿出来，用separator将他们分隔开来* 参数 separator 分隔符*/ let arr = [1,2,3]; let c = arr.join(','); //1,2,3 将arr数组中的元素用逗号分割，并转换成字符串 console.log(c);//其实等价于 let str = ""; for (item of arr){str = (item','); } str = str.substr(0,str.length-1); //去除掉最后一个逗号 console.log(str);

array.sort(comparefn)

作用：数组排序（并不一定可靠）

var arr1 = [3,2,1]; console.log(arr1.sort()); // 输出 [1,2,3] var arr2 = [4,8,15,23]; console.log(arr2.sort()); // 输出 [15, 23, 4, 8] ？？？ /*** 也许聪明的你，已经看出规律了，* arr.sort() 它只排序了比对了数据第一位。* arr2,它将8和15做比较大小的时候，是将8和1比较的，* 所以，15才会在8前面。*///arr.sort(comparefn) 可以通过接受一个compare参数来进行更加精准排序 arr2.sort(function(a,b){return a-b; }); console.log(arr2); // [4, 8, 15, 23] 此时结果正确了 // 你的比较函数应该接受两个参数，并且如果两个参数相等则返回0 // 如果两个参数不等，且第一个参数排在前面，则返回一个负数 // 如果两个参数不等，且第二个参数排在前面，则返回一个正数

array.splice(start,deletecount,item…)

作用：全能王，能同时实现删除和插入。

// arr.splice(start,deletecount,item...) /** * 参数 start:开始的索引 * deletecount : 删除元素的个数 * item: 要插入的元素值 * 返回值 被删除的元素数组 */let arr = [1,2,3]; let a = arr.splice(0,1,'test'); //从0开始删除一个元素，并在这个位置插入元素'test' console.log(arr); //["test",1,2] console.log(a); // [1]

array.isarray(item)

作用：判定一个元素是否是数组

array.isarray([1, 2, 3]); // true array.isarray({foo: 123}); // false array.isarray("foobar"); // false array.isarray(undefined); // false

自此，关于数组的常用方法（api) 就学习完了。

number

number.tostring()

作用：数字类型转字符串

number.parseint(item)

作用：将字符串，转换成整数，当item不是字符串时，会调用tostring方法，把它变成string

number.parsefloat(item)

作用：将字符串，转换成浮点数，当item不是字符串时，会调用tostring方法，把它变成string

// 1. var num = 3.14; console.log(num.tostring(),typeof num,typeof num.tostring()); // 输出 3.14 number string // 2. console.log(number.parseint(num)); //3 console.log(number.parseint("3.14")); //3 // 3. console.log(number.parsefloat("3.14"),typeof number.parsefloat("3.14")); // 输出 3.14 "number"

number.isnan(item)

作用：判定一个数值是否nan

/*** nan的数据类型是number,它不等于任何值，也不等于它自己* console.log(nan === nan); //false */number.isnan(nan); // true number.isnan(number.nan); // true number.isnan(0 / 0) // true// 下面这几个如果使用全局的 isnan() 时，会返回 true。(一定要使用number.isnan,而不是 isnan,会引起如下错误) number.isnan("nan"); // false，字符串 "nan" 不会被隐式转换成数字 nan。 number.isnan(undefined); // false number.isnan({}); // false number.isnan("blabla"); // false

number.isinteger(item)

作用：判定一个数是否是整数

console.log(number.isinteger(3)); //true console.log(number.isinteger(3.14)); //false console.log(number.isinteger(undefined));//false

object

object.hasownproperty(item)

作用：判定对象是否拥有某属性

var obj = {name:"tom",age:18 } console.log(obj.hasownproperty("name")); // true console.log(obj.hasownproperty("weigth")); // false

object.keys()

作用：返回对象所有的属性，作为数组

var obj = {name:"tom",age:18 } console.log(object.keys(obj)); //["name", "age"]

object.values()

作用: 返回对象所有的值，作为数组

var obj = {name:"tom",age:18 } console.log(object.values(obj)); // ["tom", 18]

补充：object的子集json

json只有两个方法

json.stringify()

作用：返回与指定值对应的json字符串。即对象类型转字符串，常用于数据传输。

json.parse()

作用：解析json字符串并返回对应的值。即字符串转对象类型，常用于数据传输。

这俩在json格式的数据传输中必不可少。前后端交互少不了它们。

var obj = {name: "tom",age: 18 }console.log(json.stringify(obj),typeof json.stringify(obj)); // {"name":"tom","age":18} 数据类型：stringvar str = '{"name":"tom","age":18}'; console.log(json.parse(str),typeof json.parse(str)); // {name: "tom", age: 18} 数据类型 object

string

string.charat(pos)

作用：返回字符串在对应索引处的值

var str = "hello"; console.log(str.charat(0)); // h console.log(str[0]); // h // 这两种结果是一样的，都是返回字符串在对应索引处的值

string.concat(string…)

作用：把字符串连接起来构成一个新的字符串（常用 运算符把它替代）

var str1 = "hello"; var str2 = " world!"; var str = str1.concat(str2); console.log(str); //hello world! console.log(str1str2); //hello world! // 建议使用 运算符进行字符串拼接 // 现阶段浏览器引擎都对 运算符做过优化，它的性能并不低

string.indexof(searchstring,position)

作用：查找searchstring在string 中第一次出现的位置，返回值如果是-1，说明没找到

string.lastindexof(searchstring,position)

作用：从末尾开始查找searchstring在string 中第一次出现的位置，返回值如果是-1，说明没找到

var str = "hello world"; console.log(str.indexof("h")); //0 // 不指定postion,默认postion=0 console.log(str.indexof("o")); // 4 console.log(str.indexof("o",5)); // 7// 从末尾查找 console.log(str.lastindexof("o")); //7// 没找到返回-1 console.log(str.indexof("s")); // -1

string.search(regexp)

作用：search方法和indexof方法类似，但是只能接受一个正则表达式作为参数

var str = "hey jude"; var re = /[a-z]/g; var re2 = /[.]/g; console.log(str.search(re)); // returns 4, 对应的是 "j" console.log(str.search(re2)); // returns -1，没能找到 '.'

string.substring(start,end)

作用：截取字符串（缺点参数start,end不能是负数）

string.slice(start,end)

作用：和substring功能类似，但是它的参数start,end 可以接受负数（请尽量使用slice，而不是substring，slice比substring更加强大)

var str = "hello world"; console.log(str.substring(6,str.length)); //world console.log(str.slice(6,str.length));//world// 但是substring 不支持 负数 console.log(str.substring(-5,str.length)); // 它会输出一个不合理的值 console.log(str.slice(-5,str.length)); // world/*** 当时用str.slice 时，-1对应的就是最后一个字符* 上例中 * -1 对应的是 字母d* -2 对应的是倒数第二个 也就是 字母l* 请尽量用slice 取代 substring*/

string.split(separator,limit)

作用：字符串转数组

/*** string.split * 参数介绍：* separator:分隔符* limit: 生成数组元素个数 */ var str = "1,2,3"; var arr = str.split(",",2); console.log(arr); // ["1", "2"]

string.tolowercase()

作用：字符串全部转小写

string.touppercase()

作用：字符串全部转大写

var str = "hello world"; console.log(str.tolowercase()); //hello world console.log(str.touppercase()); //hello world

date

date.tolocalestring()

作用：转化成本地时间，包含完成的年月日和时分秒。

date.tolocaledatestring()

作用：转化成本地时间，包含完成的年月日。

date.tolocaletimestring()

作用：转化成本地时间，包含完成的时分秒。

var date = new date();console.log(date.tolocaledatestring());// 日期 2020/7/23console.log(date.getfullyear()); // 2020 console.log(date.getmonth()); //6 console.log(date.getdate()); // 23console.log(date.tolocaletimestring()); //上午10:44:26console.log(date.gethours()); // 10 console.log(date.getminutes()); // 44 console.log(date.getseconds()); // 26console.log(date.tolocalestring()); // 2020/7/23 上午10:47:45var date = new date(2020,01,02,11,11,11); // 依次为 年，月，日，时，分，秒 // 2020/2/2 上午11:11:11 实际月份 = 设置的 1 console.log(date.tolocalestring());

好了，这就是全部内容了，如果觉得对你有所帮助的话就点个赞吧。

么么哒

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的【必备知识点】javascript里面那些天天使用的api的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。