js排序、字符串操作总结

Myth丶恋晨 2022-10-02 09:57 224阅读 0赞

## 1、冒泡排序 ##

![冒泡排序][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70]

## 2、选择排序 ##

![选择排序][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70 1]

## 3、数组中的排序方式 sort() ##

sort 用法 ： 数组名.sort();  
默认sort方法是按照字符进行排序 此时sort方法没有加参数  
![sort排序][sort]

## 4、es5的严格模式和宽松模式区别 ##

ES5严格模式是限制性更强的JavaScript变体，它与常规JavaScript的语义不同，其分析更为严格。就是在js代码最前面或者函数内部写上：‘use strict’；  
用了严格模式，代码会更为规范， 定义变量时必须使用var 如果不使用var程序就会报错  
宽松模式就是不用严格模式写的方式，代码就没有那么严格，为了防止代码出错不报错，建议使用严格模式。  
![严格模式的运用][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70 2]

## 5、es5数组 扩展 方法 ##

forEach(匿名函数) 遍历 相当于for 没有返回值

arr.forEach(function(item,index,array){
               item  表示数组中的数据
               index 表示下标
              array 表示遍历的数组
        })

indexOf()判断一个数在数组中是否存在，如果存在 返回这个数在数组中的下标，如果不存在就返回-1  
数组.indexOf(num)  
filter() 过滤  
根据过滤条件返回一个新数组

arr.filter(function(item,index,array){
        
    })

map() 映射 遍历数组—修改数组—返回数组

arr.map(function(item,index,array){
    
    })

reduce() 归并

arr.reduce(function(pre,next){
          pre 表示上一次操作返回的结果  如果第二个参数有数据，prev的初始值为第二个参数  
          next 表示 下一个数  next 表示数组中的每一个数据
    },第二个参数)

扩展：some和every  
some 返回值是一个布尔类型 ， 如果返回结果为true （有满足条件的）， 不在向后查找  
如果返回为false， 最后的结果可以处理一些验证操作

var arr = [1,2,3,4,5];
    var f = arr.some( ( item ) => {
        return item == 3;
    } )

every 每一个 返回一个布尔值 ，如果每一个元素都满足条件 返回true ，否则返回false

**内置对象 ： Array String Date Math RegExp**

## 6、字符串对象String ##

字符串定义 ：

var str = "retrt880";
    var str = new String("hello");   //通过length属性获取字符串长度  字符个数

charAt(索引) 返回某个索引位置处的字符  
charCodeAt(索引) 返回某个索引位置处的ASCII码值  
String.fromCharCode() 根据某个字符的ASCII码值得到对应的字符

indexOf() 返回某个字符在另一个字符串中首次出现的位置 没有找到返回-1  
lastIndexOf() 返回某个字符在另一个字符串中最后一次出现的位置 没有找到返回-1

substr( start , len ) 截取从start位置处开始 指定长度的字符

var str = "touchyourface".substr(2,5) ;
    alert( str )

substring( start , end ) 截取从start位置处开始 到 end-1 位置处的字符

var str = "touchyourface".substring(2,5) ;
    alert( str )

replace( 源字符串 ， 新字符串 ) 返回替换后的字符串 （不会改变原字符串） 默认只替换一个 如果想实现全部替换 可以使用正则实现 （正则后面讲）

split( 子串 ) 字符串方法 将字符串转数值 使用split()参数将一个字符串拆分成一个数组

trim() 去掉字符串两端的空白字符  
toLowerCase() 大写转小写

var str =  "how are YOU".toLowerCase()     //结果 "how are you"

toUpperCase() 小写转大写

var str =  "how are YOU".toUpperCase()        //结果 "HOW ARE YOU";

扩展 ： String下的repeat 字符串复制

"hello".repeat(3)		//把字符串复制三遍

slice() 字符串截取 数组也有的方法  
concat() 字符串拼接 数组也有的方法  
数组和字符串同时存在的常见的方法 ： indexOf slice concat

**//实例**  
![统计字符串中个字符的多少][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70]: /images/20220113/67dc780212bb44d6ae9cc91574adb6c8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70 1]: /images/20220113/5adb1a21029a48e8b5ba088334907098.png
[sort]: /images/20220113/9f3b8ce79a7c4051a7b536405035a75b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70 2]: /images/20220113/4d16e20b9a4e4d3eb6e7e68bd7df8445.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pIQU5HSklOOTU0Ng_size_16_color_FFFFFF_t_70 3]: /images/20220113/3956f2d1299a470285fd461a4bedcf8e.png