给大家提供一个字符串，然后我们需要实现每一个字符都用尖括号括起来的效果。例如给你一个字符串"绿叶学习网"，最终你要得到的是：

<绿><叶><学><习><网>

实现代码如下：

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        var str1 = "绿叶学习网";
        var str2 = str1.split("").join("><");
        var arr = str2.split("");
        arr.unshift("<");
        arr.push(">");
        var result = arr.join("");
        document.write(result);
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如下图所示。

分析：

var str2 = str1.split("").join("><");表示在str1所有字符的中间插入大于号和小于号（><），因此str2为"绿><叶><学><习><网"。

var arr = str2.split("");表示将str2转换为数组，str2中每一个字符都是数组的一个元素。因为只有将str2转换为数组，我们才可以使用数组的unshift()方法和push()方法。