JavaScript数组.字符串.JSON（五）

<script type="text/javascript">
  //数组:可以存储任意类型的元素
  var arr = ["薯条","土豆泥","薯片",true,NaN];
  //读取数据:可以利用枚举法获取数组里面元素
  console.log(arr[0]);
  console.log(arr[1]);
  console.log(arr[4]);
  console.log(arr[99]);
  //修改已有的数据
  arr[1] = "地蛋";
  arr[4] = '蜀黍';
  //给数组添加新的数据
  arr[5] = false;
  arr[999] = '吧啦吧啦';
  console.log(arr);
</script>

数组常用属性与方法

1 length属性

作用：可以获取到数组元素个数。

<script type="text/javascript">
   //数组的length属性：经常结合循环语句遍历数组里面元素
   var arr = ["新一","小兰","基德","青子","园子","京极真"];
   for(var i = 0  ; i < arr.length;i++){
   	   console.log(arr[i]);
   }
</script>

2 push与pop方法

push:可以向数组尾处添加一个或者多个元素
pop:可以在数组的尾处移除一个元素

<script type="text/javascript">
  //数组
  var arr = ["麦当劳","塔斯汀","肯德基","蟹堡王"];
  //push:可以在数组的尾处添加一个或者多个元素
  arr.push("德克士");
  arr.push("华莱士",NaN,"汉堡王");
  console.log(arr);
  //数组
  var arr1 = ['薯条','薯片','土豆泥','烤红薯'];
  //pop:可以在数组的尾处移除一个元素
  arr1.pop();
  arr1.pop();
  console.log(arr1);
</script>

3 unshift与shift方法

unshift：可以向数组头部添加一个或者是多个元素
shift:可以向数组的头部移除一个元素

<script type="text/javascript">
  //数组
  var arr = ["小新",'风间','妮妮','正南'];
  //unshift:可以向数组的头部添加一个或者多个元素
  arr.unshift("阿呆");
  arr.unshift('小白',"小葵");
  console.log(arr);
  //数组
  var arr1 = [1,2,3,4,5,6];
  //shift:可以向数组的头部删除一项元素
  arr1.shift();
  arr1.shift();
  console.log(arr1);
</script>

4 join与reverse方法

join：主要的作用是可以通过某一个字符将数组拼接转换为字符串。
reverse:可以把当前的数组的元素进行倒置。

<script type="text/javascript">
  //数组
  var arr = [1,2,3,4,5,6];
  //join:可以通过某一个字符将数组转化为字符串。
  var str = arr.join("*");
  var str1 = arr.join('');
  console.log(str,str1);

  //数组
  var arr = ['北京',"上海",'深圳','广州'];
  //reverse：可以将当前的数组的元素进行倒置。
  arr.reverse();
  arr.reverse();
  console.log(arr);
</script>

5 indexOf与includes方法

indexOf:索引值

includes: 包含

<script type="text/javascript">
  //数组
  var arr = ['薯条','薯片','土豆泥','烤红薯'];
  //indexOf:这个方法主要的作用是可以获取到某一个元素的索引值。
  console.log(arr.indexOf("薯条"));
  console.log(arr.indexOf('土豆泥'));
  console.log(arr.indexOf('汉堡'));
  //includes:这个方法主要的作用是检测数据是不是当前数组的。
  console.log(arr.includes("薯条"));
  console.log(arr.includes('汉堡'));
</script>

indexOf:它可以获取数组当中某一个元素的索引值【下脚标】
includes:它主要的作用是检测某一个元素是不是当前这个数组的。如果是【返回布尔值真】，否则【返回布尔值假】

6 slice与splice方法

slice：从起始数组当中切割出一个新的子数组
splice:可以对数组进行切割、插入、替换。

//arr.slice(起始索引值，结束的索引值); 
//包含起始的索引值元素，但是不包含结束索引值元素
<script type="text/javascript">
  //数组
  var arr = ['薯条','薯片','土豆泥','烤红薯','烤地瓜','烤番薯'];
  //slice:主要的作用是切割某一个数组并且返回一个新的数组
  //这个方法传参