JavaScript 基础知识(一)
2020-03-30 本文已影响0人
长翅膀的绵羊ing
字符串方法
方法名 | 功能 | 是否改变 | Demo | |
---|---|---|---|---|
includes () | 检测字符串中是否包含某字符串(fromIndex 从该索引处开始查找 searchElement。如果为负值默认为 0) | str.includes (searchElement, fromIndex) |
||
startsWith () | str.startsWith(searchvalue, start) (start可选,查找的开始位置,默认为 0) | const str = 'abcdefg'str.startsWith('a') //true |
||
endsWith () | str.endsWith(searchvalue, end) | (const str = 'abcdefg' str.endsWith('g') //true str.endsWith('g', 3) //false |
||
`` 字符串模版 | 1.使用 反单引号(标准键盘里在Esc键下方,1键左边)来标记模板字符串 2.使用${ } 来插入变量值 3.可以自由换行,会原样输出 |
let a ="123'; ``${a}Hello world` (前后各一个字符反引号) | ||
indexOf() | 返回指定内容在元字符串中的位置, 没有找到指定的字符串返回-1 | |||
trim() | 只能去除字符串前后的空白 | var str = " Runoob ";alert(str.trim()); |
||
split() | split() 将字符串分割(l转换)成数组 |
数组方法
方法名字 | 功能 | 是否改变 | Demo |
---|---|---|---|
concat () | 合并数组,并返回合并之后的数据 | 否 | var str1 = [12,2,"hello"];var str2 = ["world"]; console.log(str1.concat(str2)); |
join () | 使用分隔符,将数组转为字符串并返回 | -- | |
unshift () | 在第一位新增一或多个数据,返回长度 | 是 | |
push() | 数组后面新增项 | 是 | |
shift() | 删除第一位,并返回删除的数据 | 是 | |
pop() | 删除最后一位,并返回删除的数据 | 是 | |
reverse() | 反转数组,返回结果 | 是 | |
slice() | 截取指定位置的数组,并返回 | 否 | |
sort() | 排序(字符规则),返回结果 | 是 | |
splice() | 删除指定位置,并替换,返回删除的数据 | 是 | |
toString() | 直接转为字符串,并返回 | 否 | var str = [1,2,3]; console.log(str.toString()); //1,2,3 console.log(str); //[1,2,3] |
valueOf() | 返回数组对象的原始值 | 否 | |
indexOf() | 查询并返回数据的索引 | 否 | |
lastIndexOf() | 反向查询并返回数据的索引 | 否 | |
forEach() | 参数为回调函数,会遍历数组所有的项,回调函数接受三个参数,分别为value,index,self;forEach没有返回值 | 否 | |
map() | 同forEach,同时回调函数返回数据,组成新数组由map返回 | 否 | |
filter() | filter用于对数组进行过滤。它创建一个新数组,新数组中的元素是通过检查指定数组中符合条件的所有元素 | 否 | let nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];let res = nums.filter((num) => { return num > 5;});console.log(res); // [6, 7, 8, 9, 10] |
every() | 同forEach,同时回调函数返回布尔值,全部为true,由every返回true | 否 | |
some() | 同forEach,同时回调函数返回布尔值,只要由一个为true,由some返回true | 否 | |
reduce() | 归并,同forEach,迭代数组的所有项,并构建一个最终值,由reduce返回 | 否 | |
reduceRight() | 反向归并,同forEach,迭代数组的所有项,并构建一个最终值,由reduceRight返回 | 否 |