原生js的remove方法 js原生方法大全

目录

• Javascript 中 str、 arr、date、obj 等常见的原生方法总结

Javascript 中 str、 arr、date、obj 等常见的原生方法总结

本文也说主要阐释了 Javascript 中的基础类型和 引用类型的自带方法，那么熟悉的同学又可以绕道了

总是绕道，真是羞耻悳boy

当然 本文阐述的主要类容 from MDN ( zh-cn )

String

在 str 中，我们先在我们的 大脑里面 过一遍，我们常用到的方法有哪些
subString 、 subStr 、 split 、splice 、

Arr

在 Arr 中，我们也在 大脑里面想一想，我们常会用到的有哪些？ 
shift 、 unshift、 sort 、 push 、resover

Date

在日期对象中，我们经常会用到的 比如说
获取当前时间，时间戳， 当前年份，月份，日，星期几

Obj

在 Obj 的方法中，其实我们并未特意的去总结过。

以上的总结真是让人羞愧啊

下面，我们就针对 mdn 的语言，总结一下 以上的 总体方法

String

const str = "abc123cba"

/* 1、
 * charCodeAt
 * 这个方法是 返回一个整数。代表 某个位置的字符的 Unicode 编码
 * str.charCodeAt(index)
 * */  

console.log(str.charCodeAt(1))  // 98  b 对应的 字符编码


/* 2、
 * 
 * fromCharCode
 * 该方法 从一些 Unicode 字符串中返回一个 字符串
 * String.fromCharCode([code1[,code2]])
 *  */

console.log(String.fromCharCode(98,97))   // b a 


/* 3、
 *
 * charAt
 * 该方法 返回 指定索引位置处的 字符。（如果超出 则返回空字符串）
 * str.charAt(index)
 */

console.log(str.charAt(2))      // c

/* 4、
 *
 * slice
 * 该方法 返回 字符串片段
 * str.slice(start[,end])  (备注， 这个 start and end 是一个 左闭 右开 [start, end) )
 * (tips: 如果 start 或者 end 是一个 负数， 那么 start = str.length + start  end 同理)
 */

console.log(str.slice(1,3))     // bc
console.log(str.slice(-3, -1))  // cb
console.log( str.slice(6, 8) )  // cb
console.log( str.slice(4, 2))   // 如果 start < end  返回 空字符串
console.log( str.slice(4, 10))  // 如果end > length 那么 直接截取 从 start 到最后的 字符串


/* 5、
 *
 * substring
 * 该方法 返回 位于String 对象中指定位置的字符串
 * str.substring(start, end)  (备注， 这个 start and end 是一个 左闭 右开 [start, end) )
 * (tips: 如果 start >  end  那么 end 会和 start 互换位置， 另外 如果 两者任意一个为负数， 则作为 0 处理)
 */

console.log(str.substring(1,3))     // bc
console.log(str.substring(3,1))     // bc

/* 6、
 *
 * substr
 * 该方法 返回 位于String 对象中指定开始位置 和 长度 的字符串
 * str.substr(start, length)  (备注， 这个 start and length 是一个 左闭 右开 [start, length) )
 * (tips: 如果 start < 0 , 那么  start = start + length)
 */

console.log(str.substr(1,2))    // bc

console.log(str.substr(-1,2))   // a (末尾的 a)


/* 7、
 *
 * indexOf
 * 该方法 返回 位于String 对象中 第一次出现子字符串位置
 * str.indexOf('xxx', startindex)  (备注， 如果未找到，则返回 -1 , 一般不写，默认为从 0 开始)
 */

console.log( str.indexOf('cb', 1) )     // 6 


/* 8、
 *
 * lastIndexOf
 * 该方法 返回 位于String 对象中 字符串最后出现的位置。如果没有匹配到子字符串，则返回-1
 * str.lastIndexOf('xxx', startindex)  (备注， 如果未找到，则返回 -1 , 一般不写，默认为从 0 开始)
 */

console.log( str.lastIndexOf('c') )     // 6

/* 9、
 *
 * search
 * 该方法 返回 与正则表达式查找内容匹配的第一个字符串的位置
 * str.search(reg) 
 */

console.log( str.search(/cb/g) )     // 6


/* 10、
 *
 * concat
 * 该方法 返回 字符串值，该值包含了两个或多个提供的字符串的连接。 
 * str.concat(str) 
 */

console.log( str.concat('aaaaaa') )     // xxxaaaaa


/* 11、
 *
 * split
 * 该方法 将一个字符串分割为 子字符串，并将结果作为 字符串数组返回
 * str.split([separator[,limit]]) 
 * separator 为 以 什么 符号为 分隔符  limit 上返回 数组的长度
 */
console.log( str.split('') )            // [a,b,c ...]

console.log( str.split('').reverse())   // [... 3,2,1 ...]

console.log( str.split('').reverse().join('') )    //  abc321abc

/* 12、
 *
 * toLowerCase
 * 该方法 返回一个字符串，该字符串中的字母被转换成小写。 
 * str.toLowerCase() 
 */
console.log( str.toLowerCase() )  // abc...


/* 12、
 *
 * toUpperCase
 * 该方法 返回一个字符串，该字符串中的字母被转换成大写。 
 * str.toUpperCase() 
 */
console.log( str.toUpperCase() )  // ABC...



const str = "abc123cba"

/* 1、
 * charCodeAt
 * 这个方法是 返回一个整数。代表 某个位置的字符的 Unicode 编码
 * str.charCodeAt(index)
 * */  

console.log(str.charCodeAt(1))  // 98  b 对应的 字符编码


/* 2、
 * 
 * fromCharCode
 * 该方法 从一些 Unicode 字符串中返回一个 字符串
 * String.fromCharCode([code1[,code2]])
 *  */

console.log(String.fromCharCode(98,97))   // b a 


/* 3、
 *
 * charAt
 * 该方法 返回 指定索引位置处的 字符。（如果超出 则返回空字符串）
 * str.charAt(index)
 */

console.log(str.charAt(2))      // c

/* 4、
 *
 * slice
 * 该方法 返回 字符串片段
 * str.slice(start[,end])  (备注， 这个 start and end 是一个 左闭 右开 [start, end) )
 * (tips: 如果 start 或者 end 是一个 负数， 那么 start = str.length + start  end 同理)
 */

console.log(str.slice(1,3))     // bc
console.log(str.slice(-3, -1))  // cb
console.log( str.slice(6, 8) )  // cb
console.log( str.slice(4, 2))   // 如果 start < end  返回 空字符串
console.log( str.slice(4, 10))  // 如果end > length 那么 直接截取 从 start 到最后的 字符串


/* 5、
 *
 * substring
 * 该方法 返回 位于String 对象中指定位置的字符串
 * str.substring(start, end)  (备注， 这个 start and end 是一个 左闭 右开 [start, end) )
 * (tips: 如果 start >  end  那么 end 会和 start 互换位置， 另外 如果 两者任意一个为负数， 则作为 0 处理)
 */

console.log(str.substring(1,3))     // bc
console.log(str.substring(3,1))     // bc

/* 6、
 *
 * substr
 * 该方法 返回 位于String 对象中指定开始位置 和 长度 的字符串
 * str.substr(start, length)  (备注， 这个 start and length 是一个 左闭 右开 [start, length) )
 * (tips: 如果 start < 0 , 那么  start = start + length)
 */

console.log(str.substr(1,2))    // bc

console.log(str.substr(-1,2))   // a (末尾的 a)


/* 7、
 *
 * indexOf
 * 该方法 返回 位于String 对象中 第一次出现子字符串位置
 * str.indexOf('xxx', startindex)  (备注， 如果未找到，则返回 -1 , 一般不写，默认为从 0 开始)
 */

console.log( str.indexOf('cb', 1) )     // 6 


/* 8、
 *
 * lastIndexOf
 * 该方法 返回 位于String 对象中 字符串最后出现的位置。如果没有匹配到子字符串，则返回-1
 * str.lastIndexOf('xxx', startindex)  (备注， 如果未找到，则返回 -1 , 一般不写，默认为从 0 开始)
 */

console.log( str.lastIndexOf('c') )     // 6

/* 9、
 *
 * search
 * 该方法 返回 与正则表达式查找内容匹配的第一个字符串的位置
 * str.search(reg) 
 */

console.log( str.search(/cb/g) )     // 6


/* 10、
 *
 * concat
 * 该方法 返回 字符串值，该值包含了两个或多个提供的字符串的连接。 
 * str.concat(str) 
 */

console.log( str.concat('aaaaaa') )     // xxxaaaaa


/* 11、
 *
 * split
 * 该方法 将一个字符串分割为 子字符串，并将结果作为 字符串数组返回
 * str.split([separator[,limit]]) 
 * separator 为 以 什么 符号为 分隔符  limit 上返回 数组的长度
 */
console.log( str.split('') )            // [a,b,c ...]

console.log( str.split('').reverse())   // [... 3,2,1 ...]

console.log( str.split('').reverse().join('') )    //  abc321abc

/* 12、
 *
 * toLowerCase
 * 该方法 返回一个字符串，该字符串中的字母被转换成小写。 
 * str.toLowerCase() 
 */
console.log( str.toLowerCase() )  // abc...


/* 12、
 *
 * toUpperCase
 * 该方法 返回一个字符串，该字符串中的字母被转换成大写。 
 * str.toUpperCase() 
 */
console.log( str.toUpperCase() )  // ABC...