手记

【九月打卡】第20天 JavaScript进阶篇

课程名称JavaScript进阶篇

课程章节:第7章 JavaScript内置对象

课程讲师:  慕课官方号

课程内容


指定分隔符连接数组元素join()

join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

语法:

arrayObject.join(分隔符)


参数说明:

注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用join()方法,将数组的所有元素放入一个字符串中,代码如下:  

<script type="text/javascript">
  var myarr = new Array(3);
  myarr[0] = "I";
  myarr[1] = "love";
  myarr[2] = "JavaScript";
  document.write(myarr.join());
</script>


运行结果:

I,love,JavaScript


我们将使用分隔符来分隔数组中的元素,代码如下:

<script type="text/javascript">
  var myarr = new Array(3)
  myarr[0] = "I";
  myarr[1] = "love";
  myarr[2] = "JavaScript";
  document.write(myarr.join("."));
</script>

 

运行结果:

I.love.JavaScript

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
    var myarr1= new Array("86","010")
    var myarr2= new Array("84697581");
   var myarr3= myarr1.concat(myarr2);
    document.write(myarr3.join("-"))
</script>
</head>
<body>
</body>
</html>          


颠倒数组元素顺序reverse()

reverse() 方法用于颠倒数组中元素的顺序。

语法:

arrayObject.reverse()

 

注意:该方法会改变原来的数组,而不会创建新的数组。

定义数组myarr并赋值,然后颠倒其元素的顺序:

<script type="text/javascript">
  var myarr = new Array(3)
  myarr[0] = "1"
  myarr[1] = "2"
  myarr[2] = "3"
  document.write(myarr + "<br />")
  document.write(myarr.reverse())
</script>

 

运行结果:

1,2,3 3,2,1

  <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Array对象 </title>
<script type="text/javascript">
   var myarr1= ["我","爱","你"];
   document.write(myarr1+"<br />");
   document.write(myarr1.reverse());
   
</script>
</head>
<body>
</body>
</html>             

选定元素slice()

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)


参数说明:

1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

2. 该方法并不会修改数组,而是返回一个子数组。

注意:

1. 可使用负值从数组的尾部选取元素。

2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

3. String.slice() 与 Array.slice() 相似。

我们将创建一个新数组,然后从其中选取的元素,代码如下:

<script type="text/javascript">
  var myarr = new Array(1,2,3,4,5,6);
  document.write(myarr + "<br>");
  document.write(myarr.slice(2,4) + "<br>");
  document.write(myarr);
</script>

 

运行结果:

1,2,3,4,5,6
3,4
1,2,3,4,5,6


课程收获

        谢谢老师,讲的非常细致,很容易懂。这一节学习了join()方法,reverse() 方法,slice() 方法,通过学习我了解了这些方法在什么情况下使用,给以后的学习打下了基础。以及对数据有了新的认识,期待后边的学习!


1人推荐
随时随地看视频
慕课网APP