JS前端开发堆和栈、ES5新增属性、字符串概念

一、堆和栈

基本数据类型和引用数据类型的区别；

01、基本数据类型之间的赋值关系；按值传递
02、引用数据类型之间的赋值关系；按引用传递（按地址传递）
  运行程序；				
 1，准备运行程序要用的空间（一旦分配好以后，内存大小没法改变了）
  2，开始运行程序					

 【引用】数据类型			
  数组，数组的变量存储的是数组的地址。 

栈的特点；先进后出，后进先出。
栈：当定义一个变量的时候，计算机就在内存中开辟一块存储空间存放这个变量，我们把这个空间叫做栈
栈的特点：先进后出（后进先出）
栈中存放的是基本类型的数据。
如果一个变量是引用类型，栈中存入的是引用类型数据所在堆中的地址
堆：堆中存入很多数据，一般存放的是对像（引用）类型的数据 

冒泡排序
第一轮；五次
9，8，7，6，5，4
8，9，7，6，5，4
8，7，9，6，5，4
8，7，6，9，5，4
8，7，6，5，9，4
8，7，6，5，4，9

第二轮；4次
8，7，6，5，4
7，8，6，5，4
7，6，8，5，4
7，6，5，8，4
7，6，5，4，8

第三轮；3次
7，6，5，4
6，7，5，4
6，5，7，4
6，5，4，7

第四轮；二次
6，5，4
5，6，4
5，4，6

第五轮；一次
5，4
4，5

分析；
比较的轮数= 数组长度- 1
每一轮比较的数= 数组的长度 - 当前的轮数

例子；
  var arr = [4,7,2,1,3];//
     function maoPoSort(arr){
        var temp = 0;
    for (var i = 0; i < arr.length-1; i++) {//轮		
         for(var j = 0; j < arr.length-1-i; j++){  	                           //      每轮多少次 4 3 2 1									
        //第一个和第二个，第二个和第三，
  //如果前一个大于后一个，交换
  if(arr[j] < arr[j+1]){					
        temp = arr[j];				
    arr[j] = arr[j+1];				
            arr[j+1] = temp;			
                   }					
               }						
           }						
           return arr;				
       }							
       console.log(maoPoSort(arr)); 

选择排序；
选择排序（打擂台法）
规矩；选出一个位置，这个位置的数，和后面所有的数进行比 较，如果比较出大小就交换两个数的位置
每一轮都能选出一个最小的数，放在正确的位置上；
第一轮；
9,8,7,6,5,4
8,9,7,6,5,4
7,9,8,6,5,4
6,9,8,7,5,4
5,9,8,7,6,4
4,9,8,7,6,5
第二轮
9,8,7,6,5
8,9,7,6,5
7,9,8,6,5
6,9,8,7,5
5,9,8,7,6
第三轮
9,8,7,6
8,9,7,6
7,9,8,6
6,9,8,7
第四轮
9,8,7
8,9,7
7,9,8
第五轮
9,8
8,9
分析；
比较的轮数= 数组长度- 1
每一轮比较的数= 数组的长度 - 当前的轮数

例子； 
    var arr = [9,8,7,6,5,4];
         //用擂台的下标						
 for(var i = 0; i < arr.length -1 ; i++){
   //被比较的数的下标
   for(var j = i+1 ; j < arr.length ; j++){
                 if(arr [i] > arr[j]){
                     var tmp = arr[i];
                     arr[i] = arr [j];
                     arr[j] = tmp;
                 }
             }
             
         }
         alert(arr);

sort按数字排序
例子；
var arr = [1144,33,6,12,6,5,8];				
      var newArr = arr.sort(function(a,b){	
          //a-b从小到大						
          return b-a;						
      });							
  	console.log(newArr);//[1144, 33, 12, 8, 6, 6, 5] (7) 
      console.log(arr);//原数组发生了改变//[1144, 33, 12, 8, 6, 6, 5] (7) 

二、回调函数

//回调函数的处理
//回调函数：一个函数a的参数b也是一个函数，这个b函数就是a函数的回调函数、

例子；
function fn(box){
            /*var box = function(){
                console.log(1)
            }*/
            var num1 = 3;
            var num2 = 5;
            box(num1,num2);
        }
        fn(function(a,b){
                console.log(a + b);
        }); 

严格模式；
严格模式；写在哪个作用域下，在哪个作用域下生效；
“use strict”
[注意]尽量不要严格模式写在全局。

 用了严格模式，会有什么变量？
                    1、全局变量声明时，必须写var
                    2、函数重名属性
                    3、arguments对象不允许被动态改变
                    4、新增保留字：implements , interface ,let ,package , protected , public ,static , yield,


            严格模式的目的；
                1、消除javaScript语法的一些不合理，不严谨之处，减少一些怪异行为，
                2、消除代码运行的一些不安全之处，保证代码运行的安全。
                3、提高编译器效率，增加运行速度；
                4、为未来新的javaScript做好铺垫； 

三、ES5新增属性

indexOf（ ）；
        格局；数组.index(item , start);				
        参数；item 任意的数据						
       start 下标，可以不传入，默认为0；				
 功能；在数组中查找第一次出现item元素下标，从start开始去查找；
           返回值；-1 没有查找到						
                            >=0 查找到的元素的下标；
例子；
var arr = [10,12,14,16,12,18];				
             var index = arr.indexOf(12,2);	
             alert(index); //4 

forEach；
       数组遍历					
              for循环				
              for...in			
              forEach (ECMA5新增)	

    var arr = [10,20,30,40,50];					
        arr.forEach(function(item, index ,arr){	
                    item 当前遍历到的元素				
                    index 当前遍历到元素下标			
                    arr数组本身						
document.write(item + "," + index + "," + arr+"<br/>")
        }) 

map  映射
var arr = [10,20,30,40,50];						
var newArr =arr.map(function(item, index ,arr){	
                  //遍历要做的事情  映射关系			
                  return item * 1.3;				
              });									
              alert(newArr);//13,26,39,52,65		
              alert(arr);//10,20,30,40,50] 

filter（）过滤
 var arr = [10,20,30,40,50];							
 var newArr =arr.filter(function(item, index ,arr){	
                //过滤条件							
                return item > 20;					
             })									
             alert(newArr);//30,40,50				
             alert(arr);//10,20,30,40,50 

some（）某些
	【注】在数组中查找是否符合条件的元素，有返回true，没有返回false。
短路查操作：只要找到符合条件的元素，后面的循环就停止了。
例子
 var arr = [10,20,30,40,50];							
 var newArr =arr.some(function(item, index ,arr){
     alert(item);// 只要找到符合条件的元素，后面的循环就停止了。【有这个 alert(item);只是运算过程，如果只需要结果，可以不要这个】												
       return item > 20;								
      })												
             alert(newArr);//true						
             alert(arr);//10,20,30,40,50 

every（）每一个；
	【注】在数组中查找是否有符合条件的元素，有返回true，没有返回false。
短路查操作：只要找不到符合条件的元素，后面的循环就停止了。
     var arr = [10,20,30,40,50];					
 var newArr =arr.every(function(item, index ,arr){	
          alert(item);							
                return item <100;					
             });									
             alert(newArr);//true					
             alert(arr); 

reduce（）归并
 var arr = [10,20,30,40,50];
 var res =arr.reduce(function(prev,next, index ,arr){
          prev 第一次是 下标为0的元素						
                  第二次开始 上一次遍历reduce 的值			
                    next 从下标1开始，当前遍历到的元素		
                     arr数组本身					 
 alert(prev+ "," + next);/过程10,20/ 30,30/ 60,40/   100,50/ 												
                return prev + next;					
             });
             alert(res);//150结果 

 isArray （）精确的检测一个值是否是数组；

var arr = [3,4,5]
        var obj = {};
精确的检测一个值是否是数组；
console.log(Array.isArray(arr));//true
console.log(Array.isArray(obj));//false 

四、字符串

字符串概念；所有带单引号或者双引号的都叫字符串；
字符串声明；
1、通过new运算去声明字符串
2、省略new声明字符串
3、字符串常量赋值

【字符串下标】字符串，charAt（下标）
1、 charCodeAt()
  格式；字符串.  charCodeAt(下标)
功能；访问字符串中的对应下标字符的ASCII码值 

2、 String.fromCharCode()
        格式； String.fromCharCode( 码值1，码值2...);
（String字符串对象）    功能；将传入的ASCII码值转成对应的字符
         返回值；组成的字符串
例子
var str = "hello";
      alert(str.charCodeAt(3));//101

  var str = String.fromCharCode(97,98,99,100);
            alert(str);//abcd 

 str.substr(  );   字符串截取
 * str.substr(index);//从index位置开始向后截取所有字符
* str.substr(index,length);//从index位置开始截取length个字符
例子、
  var str = new String("what is your name,周");
  console.log(str.charAt(1));//h  如下标不存在，返回空 

replace（）;
   格式；supStr. replace(oldStr,newStr );		
      功能；用newStr将oldStr替换，生成新的字符串；
       参数；								
        1.第一个参数传入的是字符串只能替换一次			
        2.第一个参数   正则表达式					
                /XXX/ig   i忽略大小写， g全局匹配 		
                   返回值；将换成的字符串				
例子
var str = "how are you";
          var res=str.replace("are","old are");
          alert(res);//how old are you
          alert(str); 

【2】  split( )  字符串分割
格式；字符串.split(分割符，length)；				
参数；										
   第一个参数，用这个分割符对原字符串进行分割；		
   第二个参数，控制返回的数组的元素格式，一般情况下不用	
功能；										
    用分割符对原字符串，进行分割，将分割完毕以后的子串，放在数组中返回								
    返回值；数组 

[注意]
1，相邻的两个分割符，会产生空字符串 “”
2.分割符是空字符串"",直接将每一个字符，单独分割成子串，放在数组中返回

例子1
var str = "how are you";
 var arr = str.split("");    // ("")里面没有空格
 alert(arr);//h,o,w, ,a,r,e, ,y,o,u 

例子2
var str = "how are you";
var arr = str.split(" ",2);    
      alert(arr);//how,are 

【3】 toLocaleUpperCase 转成大写
toLocaleLowerCase 转成全小写
例子

var str = "HelloWORLD";
    alert(str.toLocaleLowerCase());//转成全小写
    alert(str.toLocaleUpperCase())//转成全大写

 str.trim();//去掉字符串左右两边空格。ie8下不支持
* str.trimLeft();//去掉字符串左边的空格。ie不支持
 * str.trimRight();//去掉字符串右边的空格。ie不支 

五、Math系列

Math. random()//返回0-1之间的随机数
Math，max(num1，num2)//返回较大的数
Math.min(num1，mum2)/返回较小的数
Math.abs(num)/绝对值
Math. round()四舍五入(成整数，只看小数点后一位)
Math.ceil(19.3)//向上取整
Math.floor(11,8)/向下取整
Math. pow(x，y)//x的y次方
Math.sqrt(num)//开平方

传入的参数是：弧度
Math.sin()正弦
Math.cos()余弦
Math.PI=180弧度
1弧度=Math.PI/180

本文地址：https://blog.csdn.net/Li8L9xF/article/details/107882220