![js中有["1","2","3","4"]这样一个string，怎么把它变成array](/aiimages/js%E4%B8%AD%E6%9C%89%5B%26quot%3B1%26quot%3B%2C%26quot%3B2%26quot%3B%2C%26quot%3B3%26quot%3B%2C%26quot%3B4%26quot%3B%5D%E8%BF%99%E6%A0%B7%E4%B8%80%E4%B8%AAstring%EF%BC%8C%E6%80%8E%E4%B9%88%E6%8A%8A%E5%AE%83%E5%8F%98%E6%88%90array.png)
日本：1.允儿 2.tiffany 3.泰妍 4.徐贤 5.jessica 6.秀英 7.yuri 8.sunny 9.孝渊
中国：1.tiffany 2.泰妍 3.允儿 4.徐贤 5.Jessica 6.yuri 7.sunny 8.秀英 9.孝渊
泰国：1.允儿 2.徐贤 3.Jessica 4.yuri 5.泰妍 6.tiffany 7.秀英 8.sunny 9.孝渊
美国：1.孝渊 2.tiffany 3.Jessica 4.秀英 5.允儿 6.泰妍 7.徐贤 8.yuri 9.sunny
欧洲：1.tiffany 2.孝渊 3.徐贤 4.Jessica 5.泰妍 6.允儿 7.yuri 8.秀英 9.sunny
台湾：1.Jessica 2.泰妍 3.允儿 4.tiffany 5.sunny 6.徐贤 7.yuri 8.秀英 9.孝渊
香港：1.tiffany 2.泰妍 3.允儿 4.徐贤 5.Jessica 6.sunny 7.yuri 8.秀英 9.孝渊
马来西亚：1.yuri 2.徐贤 3.Jessica 4.tiffany 5.秀英 6.泰妍 7.孝渊 8.sunny 9.允儿
）泰妍：少女时代队长，身为队长的她，刚出道时人气并不是很高，后来，慢慢的，人气超过了前面的几位......个子小小，声音变辨度很高。少女时代第一主唱，一般到高潮的时候都是他唱的。在欧美地区、泰国这些地方，因为个子小小，但是声音甜美，所以人气不是很高。
）Jessica：少女时代第二主唱，或冷艳、或热情都是她的fans迷恋他的理由，在金发时期很火排第二，后来不知怎么，人气再慢慢下降，但他在内地还是很有人气的。
）徐贤：少女时代第三主唱，同时也是主领舞，少女时代中最小的一个，但年纪虽小却并不怯场，刚出道时，第一句都是他唱的。模样可爱，刚出道时人气稳定，不跌不升，但上次在中国演出之后，人气有很大的改变，韩国第五，中国第四，而在外国呢，人气也不低，像是马来西亚，人气就很高，而欧洲呢，因为个子挺高所以比较受欢迎，但在美国地区，由于模样与美国人不一样，所以不是很受欢迎。而在泰国人气也很高。
）tiffany：少女时代第四主唱，依靠甜美的模样，人气很高。刚出道时人气并不是很高，后来，人气直线上升。从小在美国长大，所以在美国人气很高，而在欧洲人气是最高的。而在中国和内地，人气也不低。但是韩国人气还是没有泰妍允儿高，而在日本，因为模样甜美声音好听，所以人气比泰妍稍微高了一点点。
）sunny：少女时代第五主唱，是少女时代最矮的，而且还是sm公司老板的侄女，曾有人怀疑他是靠关系出道的，但事实证明，他的确有实力，并不是靠关系出道的。人气一直不太高，模样也还算可爱，而在欧美地区，因为他的模样、声音、身高没有一样吸引他们的，所以人气一直很低。
）允儿：sM公司非常重视的人，少女时代刚出道时，第一个介绍的就是他，由此能看出sm有多重视他。刚出道时人气并不是很高，也不是很低。和徐贤差不多。但后来，他成为sm力捧的一个角色，sm看到了他的努力，人气越来越高，他那优美的舞蹈，甜美的歌喉都迷倒了少时的fans。而且，你也看到了，每次刚开始都是他站前面领舞。但是在马来西亚，他的人气很不理想啊......
）yuri：少女时代主领舞，刚出道时人气也不低，他的笑容迷死人了......谁也不知道，当时坐在东方神起那位成员背后的是俞莉。在马来西亚人气很高，而在欧美地区......人气不是很高啊，在内地人气也不是很高，本来不是这样的，但是徐贤人气直升，所以......所以说他不是人气不高，而是别人人气比他高......
）秀英：有过日语基础的他，在日本等地区人气很高。而在欧美地区，因为模样跟欧美的人差不多，所以人气也不低。但在韩国，中国，泰国，内地等地区人气不是很理想啊......
）孝渊：他的街舞让大部分人能在现场发出尖叫，但是模样却不太理想，在韩国人气不高，但是在欧美地区人气非常高，因为他的街舞让外国人很欣赏，而且模样也很符合外国人的标准。曾在中国留过学的他，中文虽然没有徐贤那么好，但也算不错了。他在别的地方也有一点人气......
~少女时代正i来说 刚出道人气时跌时升，现在，从2010年到现在，人气就一直第一，占据了日韩组合第一名，别的组合在怎么努力，也追不上他们。。。。。。
我写了将近一千七个字。写了差不多两个小时了.......
一、获取选中的文字使用window.getSelection().toString()方法来获取选中的文字，在选中文字鼠标松开后会获取到选中的文字：
<p>可以选中一些文本</p>
<script type="text/javascript">
let selected = window.getSelection().toString()
console.log(selected)
if(selected != '' &&selected != null){
window.alert('要百度搜索吗?')
}
</script>
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
二、让内容可编辑
第一步：为元素设置contenteditable属性并赋值为true，让元素具有可编辑功能，当将其值赋值为false时不可编辑；
第二步：伪元素设置spellcheck属性，并赋值为true，即开启拼写检查，设置值为false时关闭拼写检查
**注意：**浏览器定义了多文本编辑命令，使用dicument,execCommand()可以调用（比如copy,selectAll等命令；在使用execCommand()方法时，界面元素的contenteditable属性值不能设置为true，否则会影响copy命令）
<div contenteditable="true" spellcheck="true"></div>
<button>提交</button>
<script type="text/javascript">
let div = document.querySelector('div')
let btn = document.querySelector('button')
btn.onclick = function(){
console.log(div.innerText)
}
</script>
1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
三、JS动画
原理：通过定时器setInterval()不断移动盒子位置。
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.box1{
width: 200px
height: 200px
position: absolute
top: 50px
background-color: #3B78DD
}
.box2{
width: 100px
height: 100px
position: absolute
top: 400px
background-color: lightblue
}
button{
position: absolute
top: 300px
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<button>点击移动box2</button>
<script type="text/javascript">
let box1 = document.querySelector('.box1')
let box2 = document.querySelector('.box2')
let btn = document.querySelector('button')
function animate(obj, disdance, speed){
clearInterval(obj.timer)
obj.timer = setInterval(function(){
let moving = obj.offsetLeft
moving += 1
obj.style.left = moving + 'px'
if(moving >disdance){
clearInterval(obj.timer)
}
},speed)
}
animate(box1,300,5)
btn.onclick = function(){
animate(box2,400,3)
}
</script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
